@charset "utf-8";

* {
    padding: 0;
    margin: 0;
}
html,
body,
.view_head,
.lg_wrap,
.view_foot,
.fixeds .view_head{min-width:1340px !important;;margin: 0 auto !important;}
body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
textarea,
p,
th,
td {
    margin: 0;
    padding: 0;
}

body {
    font-family: "思源黑体", "Arial";
}

img {
    vertical-align: top;
    border: none;
    max-width: 100%;
    margin: 0 auto;
    display: inline-block;
}

ul,
ol,
li {
    list-style: none outside none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button,
input,
select,
textarea {
    font-size: 100%;
    vertical-align: middle;
}

a {
    color: var(--fontColor3);
    text-decoration: none;
    /* cursor: unset; */
}

a:hover {
    text-decoration: none;
    text-decoration: none !important;
    color: var(--bgColor5);
}

:focus {
    outline: 0 none;
}

.clear::after,
.clearfix:after,
.clear::before,
.clearfix:before {
    content: "";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/* 行数显示 */
.mult2,
.mult3,
.mult4,
.mult5,
.mult6,
.mult7,
.mult8,
.mult9 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.mult1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mult2 {
    -webkit-line-clamp: 2;
}

.mult3 {
    -webkit-line-clamp: 3;
}

.mult4 {
    -webkit-line-clamp: 4;
}

.mult5 {
    -webkit-line-clamp: 5;
}

.mult6 {
    -webkit-line-clamp: 6;
}

.mult7 {
    -webkit-line-clamp: 7;
}

.mult8 {
    -webkit-line-clamp: 8;
}

.mult9 {
    -webkit-line-clamp: 9;
}

img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

:root {
    --mainColor: #272e39;
    --fontColora: #aaaaaa;
    --fontColorb: #bbbbbb;
    --fontColorc: #cccccc;
    --fontColord: #dddddd;
    --fontColore: #eeeeee;
    --fontColorf: #ffffff;
    --fontColor0: #000000;
    --fontColor1: #111111;
    --fontColor2: #222222;
    --fontColor3: #333333;
    --fontColor4: #444444;
    --fontColor5: #555555;
    --fontColor6: #666666;
    --fontColor7: #777777;
    --fontColor8: #888888;
    --fontColor9: #999999;
    --lineColor: #0051d6;
    --lineColor2: #ff2c2c;
    --bgColor: #ff5a3f;
    --bgColor1: #f3f3f3;
    --bgColor2: #f9faff;
    --bgColor3: #f5f7fa;
    --bgColor4: #e7ebef;
    --bgColor5: #0b2aaf;
    --bgColor6: #0f55c2;
    --bgColor7: #edf0f7;
    --bgColor8: #f3f6f8;
    --bgColor9: #fd5b1a;
    --tq-rate: 1;
}

::before,
::after {
    content: "";
    display: none;
}

.flexs {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.space-between {
    justify-content: space-between;
}

.vertical-center {
    align-items: center;
}

/* html {
    cursor: url('../images/jiantou.png'), auto;
} */

.draw {
    position: fixed;
    width: 1px;
    line-height: 1px;
    pointer-events: none;
}

@keyframes floatOne {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3D(0, -20px, 0) scale(5) rotate(45deg);
    }
}

.view_con {
    max-width: 1340px;
    margin: 0 auto;
}
.view_bar_ggt{text-align: center;}
/* .fixeds .view_head {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: var(--fontColorf);
}

.fixeds .view_head_btm {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    padding: 20px 0;
    transition: ease-in 0.3s;
}

.fixeds .shows_menu {
    top: 110px;
}

.view_head_top {
    background: var(--mainColor);
}

.view_head_top p {
    font-size: 14px;
    line-height: 28px;
    color: var(--fontColorf);
}

.view_head_top p a {
    color: var(--fontColorf);
    position: relative;
    display: inline-block;
}

.view_head_top p a span {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    display: none;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.view_head_top p a:hover span {
    display: block;
}

.view_head_con {
    justify-content: space-between;
}

.view_head_btm {
    padding: 35px 0;
    box-sizing: border-box;
    transition: ease-in 0.3s;
}

.view_head_btm h1 {
    max-width: 316px;
    height: 42px;
    overflow: hidden;
}

.view_head_right ul li {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid var(--fontColorb);
    font-size: 14px;
    color: var(--fontColor3);
    height: 42px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.view_head_right ul li p {
    display: flex;
    justify-content: space-between;
    text-align: justify;
    width: 100%;
    color: var(--fontColor3);
}

.view_head_right ul li p a {
    display: block;
    margin: 0 3px;
}

.view_head_right ul li:first-child {
    padding-left: 0;
    margin-left: 0;
    border-left: none;
}

.view_head_right ul li:last-child p:last-child {
    letter-spacing: 2.5px;
} */
.fixeds .view_head{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: var(--fontColorf);
}
.fixeds .view_head_btm{
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    padding: 20px 0;
    transition: ease-in 0.3s;
}
.fixeds .shows_menu{
    top: 110px;
}
.view_head_top{
    background:  var(--mainColor);
}
.view_head_top p{
    font-size: 14px;
    line-height: 28px;
    color: var(--fontColorf);
}
.view_head_top p a{
    color: var(--fontColorf);
    position: relative;
    display: inline-block;
}
.view_head_top p a span{
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    display: none;
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.view_head_top p a:hover span{
    display: block;
}
.view_head_con{
    justify-content: space-between;
}
.view_head_btm{
    padding: 35px 0;
    box-sizing: border-box;
    transition: ease-in 0.3s;
}
.view_head_btm h1{
    width: 316px;
    height: 42px;
    overflow: hidden;
}
.view_head_btm h1 img{display: block;}
.view_head_right ul li{
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid var(--fontColorb);
    font-size: 14px;
    color: var(--fontColor3);
    height: 42px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.view_head_right ul li p{
    display: flex;
    justify-content: space-between;
    text-align: justify;
    width: 100%;
    color: var(--fontColor3);
}
.view_head_right ul li p a{
    display: block;
    margin: 0 3px;
}
.view_head_right ul li:first-child{
    padding-left: 0;
    margin-left: 0;
    border-left: none;
}
.view_head_right ul li:last-child p:nth-child(1){
    letter-spacing: 3px;
}

/* banner */
.view_banner {
    text-align: center;
}

.view_title {
    padding-top: 40px;
    padding-bottom: 40px;
    align-items: flex-end;
}

.view_title h3 {
    font-size: 30px;
    color: var(--bgColor6);
}

.view_title h3::before {
    content: "";
    display: inline-flex;
    width: 5px;
    height: 18px;
    border-radius: 5px;
    background: var(--bgColor6);
    margin-right: 10px;
}

.view_title p {
    font-size: 14px;
    color: var(--fontColor6);
}

/* 报价方案 */
.view_quote_con {
    position: relative;
    z-index: 5;
    margin: -40px auto 0;
    background: var(--fontColorf);
    padding: 30px;
    box-sizing: border-box;
}

.view_quote_con .view_title h3 {
    text-align: center;
    color: var(--fontColor2);
}

.view_quote_con .view_title h3::before {
    display: none;
}

.view_quote_top {
    padding: 0 65px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.form-items .item {
    display: inline-flex;

}

.form-items .item .txt {
    font-size: 16px;
    line-height: 30px;
    color: var(--fontColor5);
}

.form-items .item .tct {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.form-items .item .tct select {
    height: 30px;
    line-height: 30px;
    border: 1px solid var(--fontColord);
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0;
}

.form-items .item .tct input {
    width: 150px;
    height: 30px;
    line-height: 30px;
    border: 1px solid var(--fontColord);
    box-sizing: border-box;
    margin: 0;
    padding-left: 10px;
    box-sizing: border-box;
}

.form-items .item .tct .yzms {
    font-size: 12px;
    background: var(--bgColor4);
    line-height: 30px;
    display: inline-block;
    width: 90px;
    height: 30px;
    color: var(--bgColor6);
    text-align: center;
}

.form-items2 {
    background: var(--lineColor);
    height: 46px;
    padding: 5px;
    box-sizing: border-box;
    margin: 30px auto;
}

.form-items2 input {
    width: 80%;
    height: 36px;
    line-height: 36px;
    border: none;
    padding-left: 30px;
    box-sizing: border-box;
    font-size: 14px;
    color: var(--fontColor3);
}

.form-items .item .tct input::placeholder,
.form-items2 input::placeholder {
    color: var(--fontColorc);
}

.form-items2 button {
    width: 20%;
    text-align: center;
    border: none;
    background: none;
    color: var(--fontColorf);
    font-size: 14px;
}

.view_quote_btm {
    padding-top: 30px;
    padding-bottom: 30px;
}

.view_quote_btm .items .item {
    width: calc(100% / 5 - 11.5px);
    margin-right: 14px;
    border-radius: 10px;
    border: 1px solid var(--fontColord);
    box-sizing: border-box;
    overflow: hidden;
    height: 124px;
    position: relative;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    transition: ease-in 0.3s;
}

.view_quote_btm .items .item:nth-child(5n) {
    margin-right: 0;
}

.view_quote_btm .items .item .pic {
    width: 100%;
    height: 124px;
    overflow: hidden;
}

.view_quote_btm .items .item .tct {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    box-sizing: border-box;
    height: 124px;
}

.view_quote_btm .items .item .tct h3 {
    font-size: 18px;
    line-height: 30px;
    color: var(--bgColor6);
    font-weight: normal;
}

.view_quote_btm .items .item .tct p {
    font-size: 14px;
    line-height: 20px;
    color: var(--fontColor9);
    height: 40px;
    margin: 4px auto;
}

.view_quote_btm .items .item .tct span {
    font-size: 12px;
    line-height: 18px;
    color: var(--fontColorb);
    display: block;
}

/* 知识产权服务 */
.view_ipr {
    background: url(../images/view_ipr_bg.jpg) no-repeat;
    background-size: cover;
}

.view_digitalize {
    background: url(../images/view_digitalize_bg.jpg) no-repeat;
    background-size: cover;
}

.view_personnel {
    background: url(../images/view_personnel_bg.jpg) no-repeat;
    background-size: cover;
}

.view_ipr_cons {
    padding: 0 30px;
    box-sizing: border-box;
}

.view_ipr_con {
    padding-bottom: 140px;
}

.view_ipr_con .view_ipr_left {
    width: 390px;
    height: 310px;
}

.view_ipr_con .view_ipr_left .item {
    width: 100%;
    height: 100%;
}

.view_ipr_con .tct {
    padding: 20px;
    box-sizing: border-box;
    background: var(--bgColor1);
    width: 100%;
    height: 100%;
    position: relative;
}

.view_ipr_con .tct a {
    display: block;
}

.view_ipr_con .tct h3 {
    font-size: 18px;
    line-height: 30px;
    color: var(--fontColor4);
    font-weight: normal;
}

.view_ipr_con .tct p {
    font-size: 14px;
    line-height: 22px;
    color: var(--fontColor9);
    letter-spacing: -0.5px;
}

.view_ipr_con .tct p font {
    color: var(--lineColor2);
}

.view_ipr_con .tct em {
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: var(--fontColorf);
    background: var(--bgColor);
    border-radius: 30px;
    width: 95px;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 20px;
    transition: ease-in 0.3s;
    font-style: normal;
}

.view_ipr_con .tct .ico {
    width: 120px;
    height: 120px;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.view_ipr_con .tct .ico img {
    filter: grayscale(100%);
    transition: ease-in 0.5s;
}

.view_ipr_con .tct:hover {
    box-shadow: 0 3px 8px rgba(15, 85, 194, 0.5);
    transition: ease-in 0.35s;
}

.view_ipr_con .tct:hover .ico img {
    filter: grayscale(0%);
    transition: ease-in 0.5s;
}

.view_ipr_con .tct em:hover {
    box-shadow: 0 5px 10px rgba(255, 90, 63, 0.5);
}

.view_ipr_con .view_ipr_right {
    width: calc(100% - 400px)
}

.view_ipr_con .view_ipr_right .item {
    width: calc(100% / 3 - 6.7px);
    margin-right: 10px;
}

.view_ipr_con .view_ipr_right .item:nth-child(3n) {
    margin-right: 0;
}

.view_ipr_con .view_ipr_right .item.flexs .tct {
    height: calc(100% / 2 - 5px);
    margin-bottom: 10px;
}

.view_ipr_con .view_ipr_right .item.flexs .tct:nth-child(2n) {
    margin-bottom: 0;
}

.view_ipr_con .view_ipr_left .tct {
    background: var(--bgColor6);
}

.view_ipr_con .view_ipr_left .tct h3 {
    color: var(--fontColorf);
}

.view_ipr_con .view_ipr_left .tct p {
    line-height: 30px;
    color: var(--fontColorf);
}

/* 专家顾问 */
.view_expert {
    background: url(../images/view_expert_bg.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 90px;
    padding-top: 30px;
}

.view_expert .view_title2 {
    text-align: center;
}

.view_expert .view_title2 h3 {
    font-size: 38px;
    font-weight: 500;
    color: var(--mainColor);
    padding-bottom: 20px;
}

.view_expert .view_title2 h3::before,
.view_expert .view_title2 h3::after {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/view_title_ion.png) no-repeat;
    margin: 0 20px;
    vertical-align: middle;
}

.view_expert .view_title2 h3::after {
    transform: rotateY(180deg);
}

.view_expert .view_ipr_cons {
    position: relative;

}

.view_expert .view_con {
    position: relative;
}

.view_ipr_items {
    align-items: flex-end;
    padding-bottom: 70px;
    height: 298px;
}

.view_expert .view_ipr_cons::before {
    display: block;
    width: 100%;
    height: 200px;
    background: var(--bgColor5);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 5px;
}

.view_ipr_items .item {
    position: relative;
    z-index: 1;
    width: calc(100% / 5 - 16px);
    margin-right: 20px;
    padding: 15px 5px;
    box-sizing: border-box;
    background: var(--bgColor2);
    border-radius: 5px;
    border-top: 3px solid var(--bgColor2);
}

.view_ipr_items .item .ico {
    width: 120px;
    height: 120px;
    border-radius: 120px;
    overflow: hidden;
    margin: 0 auto 15px;
}

.view_ipr_items .item .tct {
    text-align: center;
}

.view_ipr_items .item .tct h3 {
    font-size: 20px;
    line-height: 32px;
    color: var(--mainColor);
}

.view_ipr_items .item .tct p {
    font-size: 16px;
    line-height: 32px;
    color: var(--fontColor3);
    margin: 5px auto;
}

.view_ipr_items .item .tct em {
    display: block;
    font-style: normal;
    width: 120px;
    line-height: 34px;
    border-radius: 5px;
    background: linear-gradient(to right, #3253e2, #0b2aaf);
    font-size: 14px;
    color: var(--fontColorf);
    margin: 5px auto;
    height: 0;
    overflow: hidden;
    transition: ease-in 0.3s;
}

.view_ipr_items .item:nth-child(5n) {
    margin-right: 0;
}

.view_ipr_items .item-active {
    background: linear-gradient(to bottom, #e9ecfa, #f9faff);
    border-top: 3px solid var(--fontColorf);
}

.view_ipr_items .item-active .tct em {
    height: 34px;
    margin: 5px auto 20px;
    /* transition: ease-in 0.3s; */
}

.view_expert_btm {
    background: url(../images/view_expert_btm_bg.png) no-repeat bottom left;
    border-radius: 5px;
    height: 90px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 6;
    padding: 10px 30px;
    box-sizing: border-box;
    align-items: flex-end;
}

.view_expert_btm .btm_left p {
    font-size: 16px;
    line-height: 30px;
    color: var(--fontColorf);
}

.view_expert_btm .btm_left p strong {
    font-size: 28px;
    margin-right: 10px;
}

.view_expert_btm .btm_right {
    display: inline-flex;
}

.view_expert_btm .btm_right .bd input {
    width: 350px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: var(--fontColor3);
    background: var(--fontColorf);
    border-radius: 5px;
    border: none;
    padding-left: 15px;
    box-sizing: border-box;
}

.view_expert_btm .btm_right .bd button {
    width: 100px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: var(--fontColorf);
    border-radius: 5px;
    background: #dd323a;
    border: none;
    margin: 0 15px;
}

.view_expert_btm .btm_right .txt p {
    font-size: 14px;
    line-height: 20px;
    color: var(--fontColorf);
}

/* 客户案例 */
.view_custom {
    background: none;
    padding: 30px 0;
}

.customtop {
    height: 540px;
    position: relative;
    overflow: hidden;
}

.customtop .swiper-container {
    position: relative;
    overflow: hidden;
    margin-left: 0;
    height: 100%;
}

.customtop .swiper-container .swiper-slide {
    background-size: cover !important;
    padding-top: 20px;
    height: 100%;
}

.customtop .swiper-container .swiper-slide .items {
    width: 810px;
}

.customtop .swiper-container .swiper-slide .items .item {
    width: calc(100% / 4 - 22.5px);
    margin-right: 30px;
    margin-top: 30px;
    height: 90px;
    box-shadow: 0 5px 10px rgba(15, 85, 194, 0.1);
}

.customtop .swiper-container .swiper-slide .items .item:nth-child(4n) {
    margin-right: 0;
}

.custombtm {
    border-bottom: 1px solid var(--fontColord);
    position: relative;
    overflow: hidden;
}

.custombtm .swiper-container .swiper-wrapper {
    display: inline-flex;
    justify-content: space-between;
}

.custombtm .swiper-container .swiper-slide {
    width: auto !important;
    line-height: 30px;
    font-size: 20px;

}

.custombtm .swiper-container .swiper-slide a {
    display: block;
    padding-bottom: 20px;
    color: var(--mainColor);
}

.custombtm .swiper-container .active-nav a {
    color: var(--bgColor5);
}

.custombtm .swiper-container .active-nav a::after {
    display: inline-flex;
    width: 100%;
    height: 2px;
    background: var(--bgColor5);
    position: absolute;
    bottom: 0;
    left: 0;
}

/*   渠道合作  */
.view_channel {
    margin: 40px auto;
}

.view_channel .view_title {
    background: url(../images/view_channel_bg.jpg) no-repeat;
    height: 160px;
    background-size: cover;
    border-radius: 5px;
    padding: 0 60px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}

.view_channel .view_title h3 {
    font-size: 38px;
    font-weight: 400;
    color: var(--fontColorf);
}

.view_channel .view_title h3::before {
    display: none;
}

.view_channel .view_title p {
    margin-top: 10px;
    font-size: 20px;
    color: var(--bgColor2);
}

.view_channel .view_title a {
    display: block;
    width: 160px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: var(--mainColor);
    background: var(--bgColor2);
    border-radius: 5px;
    box-shadow: 0 5px 8px rgba(43, 85, 215, 0.9);
    position: absolute;
    right: 60px;
    top: 50%;
    margin-top: -25px;
    transition: ease-in 0.3s;
}

/* 底部 */
.view_foot {
    background: var(--bgColor3);
    border-top: 1px solid var(--fontColore);
}

.view_foot_top .items {
    padding: 50px 0;
    box-sizing: border-box;
    border-bottom: 1px solid var(--fontColord);
}

.view_foot_top .items .item {
    display: inline-flex;
    align-items: center;
}

.view_foot_top .items .item .ico {
    width: 70px;
    height: 70px;
    border-radius: 5px;
    font-size: 42px;
    line-height: 70px;
    color: var(--mainColor);
    text-align: center;
    background: var(--bgColor4);
}

.view_foot_top .items .item .tct {
    margin-left: 15px;
}

.view_foot_top .items .item .tct h3 {
    font-size: 22px;
    line-height: 32px;
    color: var(--mainColor);
    font-weight: 400;
}

.view_foot_top .items .item .tct p {
    font-size: 16px;
    line-height: 32px;
    color: var(--mainColor);
}

.view_foot_center {
    padding: 50px 0;
    box-sizing: border-box;
}

.view_left {
    width: 850px;
}

.view_left .view_foot_nav dl dt {
    font-size: 22px;
    line-height: 32px;
    color: var(--mainColor);
    margin-bottom: 10px;
}

.view_left .view_foot_nav dl dd {
    font-size: 16px;
    line-height: 32px;
    color: var(--fontColor9);
}

.view_left .view_foot_nav dl dd a {
    opacity: 0.7;

}

.view_branch {
    margin-top: 40px;
}

.view_branch_tit ul li {
    width: calc(100% / 10);
    text-align: center;
    font-size: 16px;
    line-height: 45px;
    color: var(--mainColor);
}

.view_branch_tit ul li.active {
    background: var(--bgColor5);
    color: var(--fontColorf);
    border-radius: 5px 5px 0 0;
}

.view_branch_item {
    background: var(--bgColor4);
    border-radius: 5px;
    overflow: hidden;
    display: none;
}

.view_branch_item .item {
    align-items: center;
}

.view_branch_item .ico {
    width: 100px;
    text-align: center;
    font-size: 42px;
    color: var(--mainColor);
}

.view_branch_item .txt {
    width: calc(100% - 220px);
    padding-left: 30px;
    margin-right: 20px;
    border-left: 1px solid var(--fontColorc);
    box-sizing: border-box;
}

.view_branch_item .txt p {
    font-size: 16px;
    line-height: 24px;
    color: var(--mainColor);
}

.view_branch_item .code {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.view_links {
    margin-top: 20px;
}

.view_links dl {
    font-size: 14px;
    line-height: 32px;
    color: var(--mainColor);
}

.view_links dl dd a {
    opacity: 0.6;
    display: block;
}

.view_right {
    width: 310px;
    position: relative;
}

.view_right::before {
    display: block;
    width: 1px;
    height: 100%;
    background: var(--fontColord);
    box-sizing: border-box;
    position: absolute;
    left: -90px;
}

.view_foot_logo {
    width: 270px;
    height: 35px;
    margin-bottom: 25px;
}

.view_right_text p {
    font-size: 16px;
    line-height: 32px;
    color: var(--mainColor);
}

.view_right_text p span {
    display: inline-block;
    width: 120px;
    max-height: 120px;
    overflow: hidden;
    text-align: center;
    margin-right: 20px;

}

.view_right_text p.p_boxs {
    margin-top: 20px;
}

.view_right_text p.p_boxs span {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.view_right_text p a {
    margin-top: 10px;
    width: 180px;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    color: var(--fontColorf);
    background: var(--bgColor5);
    border-radius: 5px;
    display: block;
    transition: ease-in 0.3s;
}

.view_right_text p strong {
    font-size: 34px;
    font-style: oblique;
    display: block;

}

.view_foot_btm {
    border-top: 1px solid var(--fontColord);
    padding: 30px 0;
}

.view_foot_btm p {
    font-size: 13px;
    color: var(--fontColorc);
    line-height: 16px;
    padding: 15px 0;
}

.view_foot_btm p a {
    font-size: 16px;
    margin-left: 0px;
}

.view_foot_btm p.pp {
    font-size: 16px;
    color: var(--mainColor);
}

.view_foot_btm p.pp a {
    margin-left: 20px;
}

.view_quote_btm .items .item:hover {
    transform: translateY(-10px);
    transition: ease-in 0.3s;
}

.shows_menu {
    background: #03004c;
    position: absolute;
    left: 0;
    right: 0;
    top: 140px;
    height: 550px;
    overflow: hidden;
    z-index: 999;
    display: none;
}

.shows_menu_tab {
    max-width: 1340px;
    margin: 0 auto;
    position: relative;
    text-align: left;
}

.shows_menu_tab .shows_menu_ul {
    max-width: 315px;
    float: left;
    position: relative;
    z-index: 2;
    padding-top: 10px;
}

.shows_menu_tab .shows_menu_ul>li {
    padding: 5px 10px 5px 20px;
    box-sizing: border-box;
    list-style: none;
    cursor: pointer;
    border-bottom: 1px solid #001c58;
    height: 100px;
}

.shows_menu_tab .shows_menu_ul>li:last-child {
    border-bottom: none;
}

.shows_menu_tab .shows_menu_ul>li.yyui_tab_title_this {
    background: #001c58;
}

.shows_menu_tab .shows_menu_ul>li h3 {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 20px;
    display: inline-block;
    position: relative;
}

.shows_menu_tab .shows_menu_ul>li h3::after {
    content: "";
    display: block;
    height: 12px;
    width: 4px;
    background: #ff6c0d;
    position: absolute;
    left: -10px;
    top: 4px;
}

.shows_menu_tab .shows_menu_ul>li p {
    display: block;
}

.shows_menu_tab .shows_menu_ul>li p a {
    font-size: 12px;
    line-height: 18px;
    color: #c2bfff;
    text-decoration: none;
    margin-right: 7px;
    display: inline-block;
}

.shows_menu_tab .shows_menu_ul>li p a:hover {
    color: #ea3721;
}

.shows_menu_tab .yyui_tab_content {
    z-index: -1;
    height: 0;
    overflow: hidden;
}

.shows_menu_tab .yyui_tab_content_this {
    background: #001c58;
    height: 550px;
    float: right;
    width: calc(100% - 315px);
    padding: 35px;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

.shows_menu_con dl {
    border-bottom: 1px solid #0c2c71;
    padding: 10px 0;
}

.shows_menu_con dl:last-child {
    border: none;
}

.shows_menu_con dl a {
    text-decoration: none;
    display: inline-block;
    margin-right: 8px;
    line-height: 24px;
}

.shows_menu_con dl a:hover {
    color: #ea3721
}

.shows_menu_con dl dt b {
    display: inline-block;
}

.shows_menu_con dl dt b a {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}

.shows_menu_con dl dd a {
    font-size: 12px;
    line-height: 24px;
    color: #fff;
}

.shows_menu_con dl sup.recommend {
    background: url(../images/recommend_icon.png) no-repeat;
    width: 36px;
    height: 16px;
    display: inline-block;
}

.shows_menu_con dl sup.new {
    background: url(../images/new_icon.png) no-repeat;
    width: 36px;
    height: 16px;
    display: inline-block;
}

.shows_menu_con dl p {
    margin-top: 108px;
}

.shows_menu_con dl p span {
    display: inline-block;
    vertical-align: top;
    width: 260px;
    height: 140px;
    margin-right: 10px;
    border-radius: 3px;
    overflow: hidden;
}

.shows_menu_con dl p span:last-child {
    margin-right: 0;
}

.shows_menu_con dl p span img {
    transition: all .5s;
}

.shows_menu_con dl p span:hover img {
    transition: all .5s;
    transform: scale(1.1);
}

.shows_menu_con_left {
    display: inline-block;
    vertical-align: top;
}

.shows_menu_con_right {
    width: 365px;
    height: 473px;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.shows_menu_con_right .swiper-pagination-bar {
    text-align: right;
    position: absolute;
    bottom: 15px;
    z-index: 22;
    left: 0;
    right: 0;
}

.shows_menu_con_right .swiper-pagination-bar .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #000;
    margin: 0 5px;
    opacity: .7;
}

.shows_menu_con_right .swiper-pagination-bar .swiper-pagination-bullet-active {
    background: #ea3721;
    opacity: 1;
}

.yyui_tab_content_this sup.thiscomm {
    background: url(../images/recommend_icon.png) no-repeat;
    width: 36px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: 20px;
    right: -60px;
}

.imgleft {
    width: 560px;
}

/* 侧导航 */
.alls:hover .shows_menu {
    height: 550px;
    display: block;
}

.view_sidebar {
    width: 61px;
    height: 294px;
    position: fixed;
    right: 0px;
    bottom: 15%;
    margin-top: -165px;
    border-radius: 8px;
    z-index: 999;
    background: url(../images/view_sidebar_bg.jpg) no-repeat right;
}

.service-cloumn li {
    position: relative;
    color: #fff;
    padding-left: 10px;
}

.service-cloumn li>a,
.sgotop {
    background: url(../images/serIcon.png) no-repeat;
    display: block;
    width: 51px
}

.service-cloumn li a {
    color: #fff
}

.service-cloumn .kf-online>a {
    background-position: -70px 0;
    height: 76px
}

.service-cloumn .telme>a {
    background-position: -70px -76px;
    height: 68px
}

.service-cloumn .surprised>a {
    background-position: -70px -144px;
    height: 69px
}

.service-cloumn .scan>a {
    background-position: -70px -213px;
    height: 67px
}

.service-cloumn .kf-suggest>a {
    background-position: -70px -280px;
    height: 84px
}

.sameStyle {
    position: absolute;
    right: 50px;
    top: 0;
    border-radius: 10px;
    display: none;
    margin-right: 10px;
}

.service-cloumn li:hover .sameStyle {
    display: block;
}

.kf-online-box {
    background: #0e9de0;
    padding: 15px;
    width: 160px
}

.serTime {
    font-weight: 700;
    margin-bottom: 10px
}

.kf-online-box a {
    text-decoration: underline
}

.telme-box {
    background: #2946A1;
    padding: 15px;
    width: 322px
}

.telme-box .txt {
    font-size: 14px;
    color: var(--fontColorf);
    line-height: 30px;
}

.telme-box .txt b {
    font-size: 20px;
    color: var(--fontColorf);
}

.telme-box .leaveMsg {
    display: flex;
}

.telme-box .leaveMsg .text {
    width: 70%;
    height: 36px;
    line-height: 36px;
    border: none;
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 14px;
}

.telme-box .leaveMsg .cMe {
    width: 30%;
    border: none;
    background: var(--bgColor);
    font-size: 14px;
    color: var(--fontColorf);
    text-align: center;
}

.scanCode {
    width: 180px;
    font-size: 14px;
}

.suggest-scan {
    width: calc(100% / 2);
}

.suggest-scan img {
    width: 75px;
    height: 75px;
}

/* 宣传片 */
.view_trailer {
    position: fixed;
    right: 0;
    top: 15%;
    align-items: center;
    justify-content: flex-end;
    z-index: 9999;
    width: auto !important;
}

.view_trailer_pop {
    padding: 10px;
    box-sizing: border-box;
    width: 360px;
    height: 220px;
    background: var(--bgColor5);
    border-radius: 5px;
    display: none;
}

.view_trailer_pop .pic {
    width: 100%;
    height: 170px;
    border-radius: 10px;
    margin: 0 auto;
    overflow: hidden;
}

.view_trailer_pop .pic video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.view_trailer_pop .txt {
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    color: var(--fontColorf);
}

.view_trailer_btn {
    width: 47px;
    height: 150px;
    background: url(../images/view_trailer_an.png) no-repeat;
    cursor: pointer;
}

.view_trailer_btn p {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.view_trailer_btn p span:nth-child(1) {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    display: none;

}

.view_trailer_btn p span:nth-child(1)::before,
.view_trailer_btn p span:nth-child(1)::after {
    display: block;
    width: 30px;
    height: 2px;
    background: var(--fontColorf);
    margin: -2px;
    position: absolute;
    top: 50%;
    right: 0px;

}

.view_trailer_btn p span:nth-child(1)::before {
    transform: rotate(45deg);
}

.view_trailer_btn p span:nth-child(1)::after {
    transform: rotate(135deg);
}

.view_trailer_btn p span:nth-child(2) {
    display: block;
    font-size: 14px;
    color: var(--fontColorf);
    width: 40px;
    height: 60px;
    text-align: center;
    box-sizing: border-box;
    writing-mode: vertical-lr;
}

.view_trailer_active p span:nth-child(1) {
    display: block;
}

.view_trailer_active p span:nth-child(2) {
    display: none;
}

.view_trailer_active .view_trailer_pop {
    display: block;
}

/* banner */
.view-mySwiper {
    position: relative;
    overflow: hidden;
}

.view-mySwiper .swiper-slide a {
    display: block;
}

.view-mySwiper .swiper-button-prev,
.view-mySwiper .swiper-button-next {
    position: absolute;
}

.view-mySwiper .swiper-button-prev {
    left: 10%;
}

.view-mySwiper .swiper-button-next {
    right: 10%;
}

.view-mySwiper .swiper-button-prev::after,
.view-mySwiper .swiper-button-next::after {
    display: block;
    color: var(--bgColor5);
}

.view-mySwiper .swiper-pagination-banner {
    position: absolute;
    bottom: 60px !important;
    z-index: 3;
}

.view-mySwiper .swiper-pagination-banner .swiper-pagination-bullet-active {
    background: var(--bgColor5) !important;
}

@media screen and (max-width:1366px) {
    .form-items .item .tct input {
        width: 110px;
    }

    .view_quote_btm .items .item .tct p,
    .view_ipr_con .tct em {
        font-size: 13px;
    }

    .view_ipr_con .tct p {
        font-size: 13px;
        letter-spacing: -0.6px;
    }

    .view_ipr_items .item .tct p {
        font-size: 15px;
    }

    .custombtm .swiper-container {
        padding: 0 30px;
        box-sizing: border-box;
    }

    .customtop .swiper-container {
        margin-left: 30px;
    }

    .view_foot_top {
        padding: 0 30px;
    }

    .view_foot_center {
        padding: 50px 30px;
    }

    .view_foot_btm {
        padding: 30px
    }

    .view_left {
        width: 800px;
    }
    

}

@media screen and (max-width:1280px) {
    .view_right::before {
        left: -50px;
    }
    .view_con{
        width: 92%;
    }
    .view_bar {
        height: 360px !important;
        background-size: cover !important;
    }
    
}



/* 内页 */

/* 专利申请 */
.view_bar {
    height: 420px;
}
.view_bar>a{
    display: block;
    width: 100%;
    height: 100%;
}
.view_bar .asc{display: flex;height: 100%;position: relative;}
.view_bar>a.a1{width: 197px;height: 55px;position: absolute;bottom: 120px;left: 50px;}
.view_bar>a.a2{left: 260px;}
@media screen and (max-width: 1280px) {
    .view_bar a.a1{width: 165px;height: 50px;left: 60px;bottom: 95px;}
    .view_bar a.a2{left: 240px;}
}
.zlcx_bd {
    padding: 20px;
    border-radius: 10px;
    background: var(--fontColorf);
    margin-top: -40px;
    box-shadow: 0 5px 15px rgba(15, 85, 194, 0.2);
}
.zlcx_bd form{
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
}
.zlcx_bd input{
    background: var(--bgColor7);
    border:none;
    line-height: 70px;
    padding: 0 15px;
    box-sizing: border-box;
    width: calc((100% - 240px) / 2);
    font-size: 20px;
}
.zlcx_bd input::placeholder{
    color: var(--fontColor9);
}
.zlcx_bd button{
    width: 200px;
    line-height: 70px;
    text-align: center;
    font-size: 22px;
    color: var(--fontColorf);
    background: var(--bgColor5);
    border-radius: 8px;
    border:none;
    transition: transform 0.5s;
}
.zlcx_bd button:hover{
    transform:  scale(1.05);
}
.zlcx_item dl{
    margin: 30px auto;
    font-size: 20px;
    line-height: 32px;
    color: var(--fontColor3);
}
.zlcx_item dl dd{margin-right: 20px;}
.zlcx_item dl dd input{
    margin: 0 10px;
}
.view_gnzl .gnzl_items .item{
    width: calc(100% / 4 - 34px);
    margin-right: 45px;
    margin-bottom: 45px;
    text-align: center;
    box-shadow: 0 8px 35px rgba(15, 85, 194, 0.2);
    padding: 30px;
    box-sizing: border-box;
    transition: transform 0.5s;
    border-radius: 5px;
}
.view_gnzl .gnzl_items .item:nth-child(4n){
    margin-right: 0;
}
.view_gnzl .gnzl_items .item span{
    display: block;
    width: 221px;
    height: 130px;
    background: url(../images/gnzl_items_bg.png) no-repeat bottom center;
    margin: 0 auto;
}
.view_gnzl .gnzl_items .item span img{
    display: block;
    max-width: 88px;
    max-height: 100px;
    height: auto;
}
.view_gnzl .gnzl_items .item h3{
    font-size: 28px;
    font-weight: bold;
    color: var(--bgColor5);
    margin: 20px auto;
}
.view_gnzl .gnzl_items .item p{
    font-size: 18px;
    line-height: 32px;
    color: var(--fontColor3);
    min-height: 64px;
}
.view_gnzl .gnzl_items .item em{
    display: block;
    width: 120px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: var(--fontColorf);
    margin: 30px auto;
    background: linear-gradient(to right,  var(--bgColor6),  var(--bgColor5));
    font-style: normal;
    border-radius: 5px;
}
.view_gnzl .gnzl_items .item:hover{
    transform: translateY(-10px) scale(1.01);
}

/*.tada {*/
/*    -webkit-animation-name: tada;*/
/*            animation-name: tada;*/
/*    -webkit-animation-iteration-count: infinite;*/
/*            animation-duration: 3s;*/
/*}*/

.view_sqlc{
    padding: 40px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 30px;
}
.view_sqlc_con{
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.94);
    padding: 30px;
    border-radius: 5px;
}

.view_sqlc_tit{
    font-size: 30px;
    color: var(--fontColor3);
    text-align: center;
    padding: 20px 0;
}
.view_sqlc_items{
    margin: 20px auto;
}
.view_sqlc_items .item{
    width: calc(100% / 5 - 60px);
    margin-right: 75px;
    background: var(--bgColor5);
    border-radius: 5px;
    position: relative;
    transition: transform 0.5s;
}
.view_sqlc_items .item:nth-child(5n){
    margin-right: 0;
}
.view_sqlc_items .item h3{
    font-size: 26px;
    line-height: 80px;
    text-align: center;
    position: relative;
    z-index: 2;
    color: var(--fontColorf);
    font-weight: normal;
}
.view_sqlc_items .item p{
    font-size: 90px;
    font-family: Arial;
    font-weight: bold;
    color: var(--fontColorf);
    opacity: 0.04;
    position: absolute;
    right: 10px;
    top: 20px;
}
.view_sqlc_items .item::after{
    content: "";
    display: block;
    width: 24px;
    height: 20px;
    background: url(../images/view_sqlc_items_icon.png) no-repeat;
    position: absolute;
    right: -50px;
    top: 50%;
    margin-top: -10px;
}
.view_sqlc_items .item:last-child:after{
    display: none;
}
.view_sqlc_items .item:hover{
    transform: translateY(-10px) scale(1.01);
}
.view_gjzlfw .gjzlfw_items .item{
    width: calc(100% / 4 - 15px);
    margin-right: 20px;
    margin-bottom: 45px;
    text-align: center;
    box-shadow: 0 8px 25px rgba(15, 85, 194, 0.2);
    padding: 30px;
    box-sizing: border-box;
    transition: transform 0.5s;
    border-radius: 5px;
}
.view_gjzlfw .gjzlfw_items .item:nth-child(4n){
    margin-right: 0;
}
.view_gjzlfw .gjzlfw_items .item span{
    display: block;
    width: 221px;
    height: 110px;
    background: url(../images/gnzl_items_bg.png) no-repeat bottom center;
    margin: 0 auto;
}
.view_gjzlfw .gjzlfw_items .item span img{
    display: block;
    max-width: 88px;
    max-height: 100px;
    height: auto;
}
.view_gjzlfw .gjzlfw_items .item h3{
    font-size: 28px;
    font-weight: bold;
    color: var(--bgColor5);
    margin: 20px auto;
}
.view_gjzlfw .gjzlfw_items .item p{
    font-size: 18px;
    line-height: 32px;
    color: var(--fontColor3);
    min-height: 64px;
}
.view_gjzlfw .gjzlfw_items .item em{
    display: block;
    width: 120px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: var(--fontColorf);
    margin: 30px auto;
    background: linear-gradient(to right,  var(--bgColor6),  var(--bgColor5));
    font-style: normal;
    border-radius: 5px;
}
.view_gjzlfw .gjzlfw_items .item:hover{
    transform: translateY(-10px) scale(1.01);
}

.xzwm_items .item{
    width: calc(100% / 4 - 34px);
    margin-right: 45px;
    margin-bottom: 45px;
    text-align: center;
    transition: transform 0.5s;
}
.xzwm_items .item:nth-child(4n){
    margin-right: 0;
}
.xzwm_items .item .pic{
    box-shadow: 0 5px 15px rgba(15, 85, 194, 0.2);
    padding: 35px;
}
.xzwm_items .item .pic span{
    display: block;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    border-radius: 130px;
    position: relative;
    
}
.xzwm_items .item .pic span img{
    position: relative;
    z-index: 2;
}
.xzwm_items .item .pic span::after{
    content: "";
    display: block;
    width: 130px;
    height: 130px;
    background: url(../images/xzwm_items_icon.png) no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.xzwm_items .item:nth-child(1) .pic span::after{
    animation: rotate1 2s infinite linear;
}
.xzwm_items .item:nth-child(2) .pic span::after{
    transform: rotate(70deg);
    animation: rotate2 2s infinite linear;
}
.xzwm_items .item:nth-child(3) .pic span::after{
    transform: rotate(140deg);
    animation: rotate3 2s infinite linear;
}
.xzwm_items .item:nth-child(4) .pic span::after{
    transform: rotate(250deg);
    animation: rotate4 2s infinite linear;
}
.xzwm_items .item .tct{
    margin-top: 30px;
}
.xzwm_items .item .tct h3{
    font-size: 28px;
    font-weight: bold;
    color: var(--bgColor5);
    margin: 20px auto;
}
.xzwm_items .item .tct p{
    font-size: 18px;
    line-height: 32px;
    color: var(--fontColor3);
    min-height: 64px;
}
.xzwm_items .item:hover{
    transform: translateY(-10px) scale(1.01);
}

@keyframes rotate1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate2 {
    from {
      transform: rotate(70deg);
    }
    to {
      transform: rotate(430deg);
    }
  }
@keyframes rotate3 {
    from {
        transform: rotate(140deg);
    }
    to {
        transform: rotate(500deg);
    }
}
@keyframes rotate4 {
    from {
      transform: rotate(250deg);
    }
    to {
      transform: rotate(610deg);
    }
}

.kbjt_items .item{
    width: calc(100% / 6 - 33.5px);
    margin-right: 40px;
    margin-bottom: 40px;
    box-shadow: 0 5px 20px rgba(15, 85, 194, 0.1);
    transition: transform 0.5s;
}
.kbjt_items .item:nth-child(6n){
    margin-right: 0;
}
.kbjt_items .item:hover{
    transform: translateY(-10px) scale(1.01);
}

/* 版权服务 */
.bqcx_bd{
    margin-top: -100px;
    padding: 20px;
    box-sizing: border-box;
    background: var(--fontColorf);
    box-shadow: 0 5px 35px rgba(15, 85, 194, 0.1)
}
.bqcx_bd p{
    font-size: 20px;
    line-height: 36px;
    color: var(--bgColor5);
    margin-bottom: 20px;
}
.bqcx_bd p font{
    color: var(--lineColor2);
}
.bqcx_bd form{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.bqcx_bd input{
    width: calc(100% / 2 - 10px);
    margin-bottom: 20px;
    background: var(--bgColor7);
    border: none;
    line-height: 70px;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 20px;
    border-radius: 5px;
    margin-right: 20px;

}
.bqcx_bd input:nth-child(2n){
    margin-right: 0;
}
.bqcx_bd p:last-child{
    margin-bottom: 0;
    padding-left: 20px;
    box-sizing: border-box;
}
.bqcx_bd button{
    width: 470px;
    height: 70px;
    text-align: center;
    background: var(--bgColor5);
    border-radius: 5px;
    font-size: 22px;
    color: var(--fontColorf);
    border:none;
    margin: 20px 0;
    transition: transform 0.5s;
}
.bqcx_bd button:hover{
    transform: scale(1.1);
}
.view_bqdj .bqdj_items .item,
.view_bqdj .bqdj_items .item:nth-child(4n){
    width: calc(100% / 5 - 28px);
    margin-right: 35px;
    padding: 20px 10px;
    box-shadow: 0 5px 25px rgba(15, 25, 194, 0.1);
}
.view_bqdj .bqdj_items .item:nth-child(5n){
    margin-right: 0;
}
.view_bqdj .more{
    transition: transform 0.5s;
    padding-bottom: 40px;
    
}
.view_bqdj .more p{
    text-align: center;
}
.view_bqdj .more span,
.view_bqdj .more a{
    min-width: 170px;
    text-align: center;
    display: inline-block;
    padding: 0 20px;
    font-size: 16px;
    line-height: 60px;
    color: var(--fontColorf);
    background: linear-gradient(to right, var(--bgColor6), var(--bgColor5));
    border-radius: 5px;
}
.view_bqdj .more a{
    background: linear-gradient(to right, #f24444, #e31b1b);
}
.view_bqdj .more:hover,
.rzcl_items .item:hover,
.fwnr_items .item:hover,
.cjwt_items .item:hover,
.rmfw_items .item:hover,
.ywys_items .item:hover,
.dxjyzl_items .item:hover,
.zjgw_items .item:hover,
.xkzsqnd_items .item:hover,
.xkzsqnd_bd:hover,
.zzcn_items .item:hover,
.gxrzcjwt_items .item:hover,
.gxrzsblc_items .item:hover,
.bdly_items .item:hover,
.zclc_bd:hover,
.zclc_items .item:hover span,
.gszxwh_items .item:hover,
.zljy_mom span:hover,
.yxzltj_items .item:hover,
.zljyys_items .item:hover,
.bookmark1_list ul li:hover,
.tq-home-safe__list>li:hover,
.view_ipr_con .tct em:hover,
.view_channel .view_title a:hover,
.view_right_text p a:hover,
.view_ipr_items .item .tct em:hover,
.txdzqhtlc_items .item:hover,
.qygjd_items .item:hover,
.index_case_item:hover,
.zjtx_items1 .item:hover,
.zjtx_items2 .item:hover,
.zjtx_items3 .item:hover,
.zjtx_items4 .item:hover{
    transform: translateY(-5px) scale(1.01);
    transition: transform 0.5s;
}

.view_sqlc_items4 .item{
    width: calc(100% / 4 - 56.5px);
}
.view_sqlc_items4 .item:nth-child(4n){
    margin-right: 0;
}

.rzcl_items .item{
    width: calc(100% / 2 - 20px);
    margin-right: 40px;
    text-align: center;
    transition: transform 0.5s;
}
.rzcl_items .item:nth-child(2n){
    margin-right: 0;
}
.rzcl_items .item .pic{
    width: 100%;
    height: 160px;
    border-radius: 5px;
}
.rzcl_items .item .pic h3{
    font-size: 28px;
    line-height: 160px;
    color: var(--fontColorf);
}
.rzcl_items .item .tct{
    padding: 30px;
}
.rzcl_items .item .tct p{
    font-size: 20px;
    line-height: 36px;
    color: var(--fontColor3);
}
.rzcl_items .item .tct span{
    display: block;
    font-size: 20px;
    line-height: 40px;
    color: var(--bgColor5);
    margin: 15px auto;
}
.rzcl_items .item .tct a{
    display: inline-block;
    font-size: 16px;
    line-height: 50px;
    color: var(--fontColorf);
    background: linear-gradient(to right, var(--bgColor6), var(--bgColor5));
    padding: 0 40px;
    border-radius: 5px;
}

.fwnr_items .item{
    width: calc(100% / 2 - 23px);
    margin-right: 45px;
    margin-bottom: 45px;
    text-align: center;
    padding: 40px;
    box-sizing: border-box;
    color: var(--fontColorf);
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.5s;
}
.fwnr_items .item:nth-child(2n){
    margin-right: 0;
}
.fwnr_items .item h3{
    font-size: 28px;
    padding-top: 20px;
}
.fwnr_items .item p{
    font-size: 22px;
    margin: 20px auto 40px;
}
.fwnr_items .item a{
    display: inline-block;
    width: 180px;
    line-height: 50px;
    text-align: center;
    color: var(--fontColorf);
    background: linear-gradient(to right, var(--bgColor6), var(--bgColor5));
    border-radius: 5px;
    margin: 0 20px;
}

.view_cjwt{
    width: 1090px;
    margin: 0 auto;
    padding: 0 0 40px;
}
.cjwt_items .item{
    margin: 30px auto;
    background: var(--fontColorf);
    box-shadow: 0 5px 25px rgba(15, 25, 194, 0.1);
    padding: 20px 40px;
    box-sizing: border-box;
    position: relative;
    transition: transform 0.5s;
}
.cjwt_items .item::after{
    content: "";
    display: block;
    width: 27px;
    height: 27px;
    background: url(../images/cjwt_items_icons.png) no-repeat center;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -13.5px;
}
.cjwt_items .item h3{
    font-weight: normal;
    font-size: 20px;
    line-height: 36px;
    color: var(--fontColor3);
    position: relative;
    padding-left: 20px;
    width: 70%;
}
.cjwt_items .item h3::before{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: var(--lineColor2);
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -3px;
}
.cjwt_items .item p{
    font-size: 16px;
    line-height: 36px;
    color: var(--fontColor6);
    padding-left: 20px;
    width: 70%;
}

.cjwt_con{
    line-height: 80px;
   justify-content: space-between;
}
.cjwt_left{background: url(../images/cjwt_left_icon.png) no-repeat left;padding-left: 30px;}
.cjwt_left p a,
.cjwt_right a{display: inline-block;}
.cjwt_right a{color: var(--bgColor5);}

.rmfw_items{
    padding-bottom: 45px;
}
.rmfw_items .item{
    width: calc(100% / 4 - 15px);
    margin-right: 20px;
    background: var(--fontColorf);
    box-shadow: 0 5px 15px rgba(15, 25, 194, 0.1);
    text-align: center;
    transition: transform 0.5s;
}
.rmfw_items .item:nth-child(4n){
    margin-right: 0;
}
.rmfw_items .item .pic{
    width: 100%;
    max-height: 140px;
}
.rmfw_items .item .tct{
    padding: 30px;
    box-sizing: border-box;
}
.rmfw_items .item .tct h3{
    font-size: 28px;
    line-height: 36px;
    color: var(--bgColor5);
}
.rmfw_items .item .tct p{
    font-size: 18px;
    line-height: 30px;
    color: var(--fontColor3);
    margin: 20px auto;
    min-height: 90px;
}
.rmfw_items .item .tct em{
    display: block;
    width: 120px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: var(--fontColorf);
    margin: 30px auto;
    background: linear-gradient(to right, var(--bgColor6), var(--bgColor5));
    font-style: normal;
    border-radius: 5px;
}

.ywys_items .item{
    width: calc(100% / 5 - 64px);
    margin-right: 80px;
    margin-bottom: 45px;
    text-align: center;
    transition: transform 0.5s;
}
.ywys_items .item:nth-child(5n){
    margin-right: 0;
}
.ywys_items .item span{
    display: block;
    width: 164px;
    height: 164px;
    margin: 0 auto;
}
.ywys_items .item h3{
    font-size: 28px;
    line-height: 36px;
    color: var(--bgColor5);
    margin: 20px auto;
}
.ywys_items .item p{
    font-size: 18px;
    line-height: 30px;
    color: var(--fontColor3);
}

.zclc_items{
    background: rgba(255, 255, 255, 0.84);
    border-radius: 5px;
    padding: 30px;
    box-sizing: border-box;
}
.zclc_items::before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(15, 85, 194, 0.5);
}
.zclc_items .item{
    width: calc(100% / 6 - 25px);
    margin-right: 30px;
    text-align: center;
    position: relative;
}
.zclc_items .item:nth-child(6n){
    margin-right: 0;
}
.zclc_items .item p{
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    font-size: 16px;
    color: var(--fontColorf);
    font-family: Arial;
    background: var(--bgColor5);
    margin: -15px auto 20px;
}
.zclc_items .item span{
    display: block;
    background: var(--bgColor5);
    font-size: 16px;
    color: var(--fontColorf);
    line-height: 30px;
    border-radius: 5px;
    font-weight: normal;
    padding: 10px;
    box-sizing: border-box;
    min-height: 210px;
    transition: transform 0.5s;
}
.zclc_items .item p::after{
    content: ">";
    display: block;
    font-size: 24px;
    font-family: monospace;
    color: var(--bgColor5);
    position: absolute;
    top: 0%;
    margin-top: -16px;
    right: 0;
    z-index: 2;
}
.zclc_items .item:last-child p::after{
    display: none;
}
.zclc_items .item:first-child p::before,
.zclc_items .item:last-child p::before{
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: var(--bgColor5);
    position: absolute;
    left: 0;
    top: -3px;
}
.zclc_items .item:last-child p::before{
    left: auto;
    right: 0;
}
.zclc_items .item h3{
    background: var(--bgColor5);
    font-size: 24px;
    color: var(--fontColorf);
    line-height: 70px;
    border-radius: 5px;
    font-weight: normal;
}

.view_title2.zclc_txt h3::before,
.view_title2.zclc_txt h3::after{
    display: none;
}
.zclc_bd{
    padding-bottom: 45px;
    margin: 20px auto;
    transition: transform 0.5s;
}
.zclc_bd input{
    width: 560px;
    height: 70px;
    line-height: 70px;
    text-indent: 2em;
    border: none;
    box-shadow: 0 5px 15px rgba(15, 25, 194, 0.1);
    border-radius: 5px;
    font-size: 20px;
    color: var(--fontColor3);
}
.zclc_bd button{
    width: 170px;
    text-align: center;
    font-size: 20px;
    color: var(--fontColorf);
    line-height: 70px;
    border:none;
    background: var(--lineColor2);
    border-radius: 5px;
}

.xgfw_items .item{
    box-shadow: 0 5px 25px rgba(15, 25, 194, 0.1);
    margin-bottom: 45px;
}
.xgfw_items .item .tct h3{
    font-size: 28px;
    line-height: 36px;
    color: var(--bgColor5);
    margin: 20px auto;
}
.xgfw_items .item .tct p{
    font-size: 18px;    
    line-height: 30px;
    color: var(--fontColor3);
}
.xgfw_items .item .tct em{
    display: block;
    width: 120px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: var(--fontColorf);
    margin: 30px auto;
    background: linear-gradient(to right, var(--bgColor6), var(--bgColor5));
    font-style: normal;
    border-radius: 5px;
}

/* 电信许可 */
.view_dxxk{
    padding: 50px 0;
}
.dxxk_bd{
    margin: -100px auto 30px;
    padding: 50px;
    box-sizing: border-box;
    background: var(--fontColorf);
    box-shadow: 0 5px 15px rgba(15, 25, 194, 0.1);
}

.dxxk_bd h3{
    font-size: 28px;
    color: var(--fontColor3);
    font-weight: normal;
    text-align: center;
    line-height: 45px;
}
.dxxk_bd dl{
    font-size: 22px;
    line-height: 32px;
    color: var(--fontColor3);
}
.dxxk_bd dl dd{
    margin-right: 20px;
}
.dxxk_bd dl dd input {
    margin: 0 10px;
}
.dxxk_bd .dxxk_bd_tct{
    border: 2px solid #ff9d0d;
    box-sizing: border-box;
    margin: 15px auto;
}
.dxxk_bd .dxxk_bd_tct button{
    width: 130px;
    line-height: 46px;
    border: none;
    background: linear-gradient(to right, #ff9405, #ff7000);
    color: var(--fontColorf);
}
.dxxk_bd .dxxk_bd_tct input,
.dxxk_bd .dxxk_bd_tct select{
    display: inline-flex;
    width: calc((100% - 148px) / 4);
    border:none;
    box-sizing: border-box;
    background: none;
    padding-inline: 0;
    padding-block:0;
    height: 46px;
    line-height: 46px;
    padding-left: 15px;
}
.dxxk_bd .dxxk_bd_tct select{
    padding-left: 0;
}

.dxjyzl_items .item{
    width: calc(100% / 4 - 34px);
    text-align: center;
    margin-bottom: 45px;
    margin-right: 45px;
    transition: transform 0.5s;
}
.dxjyzl_items .item:nth-child(4n){
    margin-right: 0;
}
.dxjyzl_items .item span{
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 120px;
    background: var(--bgColor8);
    margin: 20px auto;
}
.dxjyzl_items .item h3{
    font-size: 28px;
    line-height: 36px;
    color: var(--fontColor3);
    font-weight: normal;
}
.dxjyzl_items .item p{
    font-size: 16px;
    line-height: 30px;
    color: var(--fontColor6);
}

.zjgw_top{
    text-align: center;
    margin-bottom: 40px;
}
.zjgw_top span{
    display: inline-block;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    color: var(--fontColorf);
    background: var(--bgColor5);
    padding: 0 20px;
    margin: 0 10px;
}

.zjgw_items{
    align-items: flex-end;
}
.zjgw_items .item{
    width: calc(100% / 4 - 30px);
    margin-right: 40px;
    margin-bottom: 40px;
    text-align: center;
    background: var(--bgColor2);
    box-shadow: 0 5px 15px rgba(15, 25, 194, 0.1);
    padding: 25px;
    box-sizing: border-box;
    transition: transform 0.5s;
    border-radius: 5px;
    box-sizing: border-box;
    border-top: 3px solid var(--bgColor2);
}
.zjgw_items .item:nth-child(4n){
    margin-right: 0;
}
.zjgw_items .item span{
    display: block;
    margin: 15px auto;
    width: 120px;
    height: 120px;
    border-radius: 120px;
    overflow: hidden;
}
.zjgw_items .item h3{
    font-size: 20px;
    line-height: 36px;
}
.zjgw_items .item p{
    font-size: 16px;
    line-height: 30px;
    color: var(--fontColor6);
}
.zjgw_items .item em{
    display: block;
    width: 120px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: var(--fontColorf);
    background: linear-gradient(to right, var(--bgColor6), var(--bgColor5));
    font-style: normal;
    border-radius: 5px;
    margin: 20px auto;
}
.zjgw_items .item:hover{
    border-top: 3px solid var(--bgColor3);
    background: linear-gradient(to bottom, rgba(15, 85, 194, 0.1) 20%, var(--bgColor3) 50%);
}
.xkzsqnd_items {
    justify-content: center;
    padding-bottom: 40px;
    width: 1200px;
    margin: 0 auto;
}
.xkzsqnd_items .item{
    width: calc(100% / 2 - 10px);
    transition: transform 0.5s;
    margin-right: 20px;
}
.xkzsqnd_items .item:nth-child(2n){
    margin-right: 0;
}
.xkzsqnd_items .item h3{
    background: url(../images/xkzsqnd_items_tit1.jpg) no-repeat;
    background-size: cover;
    font-size: 28px;
    line-height: 70px;
    color: var(--fontColorf);
    text-align: center;
    font-weight: normal;
}
.xkzsqnd_items .item:nth-child(2) h3{
    background: url(../images/xkzsqnd_items_tit2.jpg) no-repeat;
}

.xkzsqnd_items .item .mains_text{
    height: 470px;
    padding: 30px;
    box-sizing: border-box;
    background: url(../images/xkzsqnd_items_bg1.jpg) no-repeat bottom;
    background-size: cover;
    overflow-y: auto;
}
.xkzsqnd_items .item:nth-child(2) .mains_text{
    background: url(../images/xkzsqnd_items_bg2.jpg) no-repeat bottom;
}
.xkzsqnd_items2 .item .mains_text{
    height: 190px;
}
.xkzsqnd_bd{
    margin: 40px auto;
    border:1px solid var(--lineColor2);
    background: var(--fontColorf);
    width: 640px;
    line-height: 68px;
    display: inline-flex;
    border-radius: 5px;
    transition: transform 0.5s;
}
.xkzsqnd_bd input{
    border:none;
    background: none;
    width: calc(100% - 170px);
    text-indent: 1em;
}
.xkzsqnd_bd button{
    border:none;
    background: linear-gradient(to right, var(--bgColor), var(--lineColor2));
    width: 170px;
    line-height: 68px;
    text-align: center;
    font-size: 20px;
    color: var(--fontColorf);
}
.zzcn_items .item{
    width: calc(100% / 2 - 10px);
    margin-right: 10px;
    margin-top: 30px;
    margin-bottom: 40px;
    padding: 30px;
    box-sizing: border-box;
    background: var(--fontColorf);
    box-shadow: 0 5px 15px rgba(15, 25, 194, 0.1);
    position: relative;
    transition: transform 0.5s;
}
.zzcn_items .item b{
    font-size: 90px;
    font-family: Arial;
    position: absolute;
    right: 30px;
    top: -40px;
    font-style: oblique;
    background: linear-gradient(to bottom, rgba(6,38,174,0.5), rgba(255,255,255,0.2));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.zzcn_items .item::before{
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background: var(--bgColor5);
    position: absolute;
    top: 0;
    left: 30px;
    border-radius: 0 0 4px 4px;
}
.zzcn_items .item:nth-child(2):before{
    background: #65a8fe;
}
.zzcn_items .item:nth-child(3):before{
    background: #ff7401;
}
.zzcn_items .item:nth-child(4):before{
    background: #dc0909;
}
.zzcn_items .item:nth-child(2) b{
    background: linear-gradient(to bottom, rgba(101,168,254,0.5), rgba(255,255,255,0.2));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.zzcn_items .item:nth-child(3)  b{
    background: linear-gradient(to bottom, rgba(255,116,1,0.5), rgba(255,255,255,0.2));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.zzcn_items .item:nth-child(4)  b{
    background: linear-gradient(to bottom, rgba(220,9,9,0.5), rgba(255,255,255,0.2));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.zzcn_items .item h3{
    font-size: 24px;
    line-height: 36px;
    color: var(--fontColor3);
}
.zzcn_items .item p{
    font-size: 16px;
    line-height: 30px;
    color: var(--fontColor6);
    margin-top: 15px;
}

.sljz_con{
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    margin-bottom: 50px;
}

.sljz_tit ul{
    align-items: center;
}
.sljz_tit ul li{
    width: calc(100% / 4);
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--fontColorf);
    font-weight: bold;
    line-height: 90px;
    cursor: pointer;
}
.sljz_tit ul li:first-child{
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.sljz_tit ul li.active,
.sljz_tit ul li:hover{
    background: var(--fontColorf);
    color: var(--bgColor5);
}

.sljz_tit ul li span{
    display: inline-flex;
    width: 62px;
    height: 62px;
    margin: 0 10px;
    background: url(../images/sljz_tit_01.png) no-repeat;
}

.sljz_tit ul li:nth-child(2) span{
    background: url(../images/sljz_tit_02.png) no-repeat;
}
.sljz_tit ul li:nth-child(3) span{
    background: url(../images/sljz_tit_03.png) no-repeat;
}
.sljz_tit ul li:nth-child(4) span{
    background: url(../images/sljz_tit_04.png) no-repeat;
}
.sljz_tit ul li:hover span,
.sljz_tit ul li.active span{
    background: url(../images/sljz_tit_010.png) no-repeat;
}
.sljz_tit ul li:hover:nth-child(2) span,
.sljz_tit ul li.active:nth-child(2) span{
    background: url(../images/sljz_tit_020.png) no-repeat;
}
.sljz_tit ul li:hover:nth-child(3) span,
.sljz_tit ul li.active:nth-child(3) span{
    background: url(../images/sljz_tit_030.png) no-repeat;
}
.sljz_tit ul li:hover:nth-child(4) span,
.sljz_tit ul li.active:nth-child(4) span{
    background: url(../images/sljz_tit_040.png) no-repeat;
}
.sljz_items{
    margin-top: 1px;
    padding: 30px;
    box-sizing: border-box;
    background: var(--fontColorf);
}
.sljz_items .item{
    display: none;
}
.sljz_items .item.active{
    display: block;
}
.sljz_items .item h3{
    font-size: 26px;
    line-height: 36px;
    color: var(--fontColor3);
    font-weight: bold;
}
.sljz_items .item p{
    font-size: 18px;
    line-height:30px;
    margin: 15px auto;
}

.sljz_items .item .item_list ul li{
    width: calc(100% / 3 - 30px);
    margin-right: 40px;
    margin-bottom: 45px;
    text-align: center;
}
.sljz_items .item .item_list ul li:nth-child(3n){
    margin-right: 0;
}
.sljz_items .item .item_list ul li p{
    font-size: 16px;
    line-height: 30px;
    color: var(--fontColor6);
}

/* 高新认证 */
.view_bar_bd{
    padding: 30px;
    box-sizing: border-box;
    background: var(--fontColorf);
    width: 420px;
    float: right;
    margin-top: 55px;
}
.view_bar_bd h3{
    text-align: center;
    font-size: 26px;
    line-height: 36px;
    color: var(--fontColor3);
    font-weight: normal;
    border-bottom: 1px solid var(--fontColorb);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.view_bar_bd p{
    font-size: 14px;
    line-height: 26px;
    color: var(--fontColor6);
}
.view_bar_bd input{
    width: 100%;
    height: 45px;
    line-height: 45px;
    border: 1px solid var(--fontColord);
    margin: 10px auto;
    text-indent: 1em;
}
.view_bar_bd button{
    margin-top: 10px;
    line-height: 45px;
    border: none;
    width: 100%;
    text-align: center;
    background: linear-gradient(to right, #ff9705, #ff6d00 50%);
    font-size: 18px;
    color: var(--fontColorf);
}

.fwcs_tit ul li{
    width: calc(100% / 7);
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    line-height: 32px;
    color: var(--fontColor3);
    position: relative;
}
.fwcs_tit ul li::after{
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background: var(--fontColorc);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
}
.fwcs_tit ul li:last-child:after{
    display: none;
}
.fwcs_tit ul li.active{
    color: #ff6d00;
}

.fwcs_con .fwcs_items{
    height: 430px;
    overflow: hidden;
    display: none;
    margin: 40px auto;
}
.fwcs_con .fwcs_items.active{
    display: flex;
}
.fwcs_con .fwcs_items .item{
    padding: 30px;
    box-sizing: border-box;
    width: 17%;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
     transition: all 0.5s; 
}
.fwcs_con .fwcs_items .item h3{
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    color: var(--fontColorf);
    text-align: center;
    min-height: 64px;
}
.fwcs_con .fwcs_items .item p{
    font-size: 18px;
    line-height: 32px;
    color: var(--fontColorf);
    display: none;
}
.fwcs_con .fwcs_items .item p span{
    display: inline-block;
    font-size: 14px;
    line-height: 40px;
    border:1px solid var(--fontColorf);
    padding: 0 15px;
    border-radius: 5px;
    margin-right: 20px;
    display: none;
    margin-bottom: 20px;
}
.fwcs_con .fwcs_items .item em{
    display: block;
    width: 120px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: var(--fontColorf);
    margin: 30px 0;
    background: linear-gradient(to right, var(--bgColor6), var(--bgColor5));
    font-style: normal;
    border-radius: 5px;
    display: none;
}
.fwcs_con .fwcs_items .item.active{
    width: 49%;
    padding: 66px;
    transition: all 0.5s; 
}
.fwcs_con .fwcs_items .item.active h3{
    text-align: left;
}
.fwcs_con .fwcs_items .item.active p,
.fwcs_con .fwcs_items .item.active p span,
.fwcs_con .fwcs_items .item.active em{
    display: inline-block;
}

.bdly_items{
    width: 50%;
    margin-left: 50%;
    padding: 80px 0 140px;
}
.bdly_items .item{
    width: calc(100% / 2 - 15px);
    margin-right: 30px;
    margin-bottom: 30px;
    font-size: 24px;
    color: var(--fontColorf);
    background: var(--bgColor5);
    line-height: 56px;
    text-indent: 1em;
    transition: transform 0.5s;
}
.bdly_items .item:nth-child(2n){
    margin-right: 0;
}


.gxrzsblc_items{
    padding-bottom: 50px;
}
.gxrzsblc_items .item{
    width: calc(100% / 4 - 75px);
    margin-right: 100px;
    text-align: center;
    position: relative;
    transition: transform 0.5s;
}
.gxrzsblc_items .item:nth-child(4n){
    margin-right: 0;
}
.gxrzsblc_items2 .item,
.gxrzsblc_items2 .item:nth-child(4n){
    width: calc(100% / 5 - 80px);
    margin-right: 100px;
}
.gxrzsblc_items2 .item:nth-child(5n){
    margin-right: 0;
}
.gxrzsblc_items .item::after{
    content: ">";
    display: block;
    font-family:'fangsong';
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: var(--bgColor5);
    color: var(--fontColorf);
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: 103px;
    right: -60px;
}
.gxrzsblc_items .item:last-child:after{
    display: none;
}
.gxrzsblc_items .item span{
    background: url(../images/gxrzsblc_items_bg.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 190px;
    overflow: hidden;
    border-radius: 5px;
    margin: 20px auto;
    display: inline-flex;
    align-items: center;
    box-shadow: 0 5px 15px rgba(15, 25, 194, 0.1);
}
.gxrzsblc_items2 .item span{
    height: 140px;
}
.gxrzsblc_items .item span img{
    width: 105px;
    height: 105px;
    margin: 0 auto;
}
.gxrzsblc_items .item p{
    font-size: 18px;
    line-height: 30px;
    color: var(--fontColor3);
}


.gxrzyhal_items{
    position: relative;
    overflow: hidden;
    padding-bottom: 50px;
}
.gxrzyhal_items .swiper-button-next::after,
.gxrzyhal_items .swiper-button-prev::after{
    display: block;
    font-size: 30px;
    color: var(--bgColor5);
}

.gxrzhyys_items .item,
.gxrzhyys_items .item:nth-child(2n){
    width: calc(100% / 3 - 27px);
    margin-right: 40px;
}
.gxrzhyys_items .item:nth-child(3n){
    margin-right: 0;
}

.gxrzcjwt_items{
    padding-bottom: 40px;
    width: 1200px;
    margin: 0 auto;
}
.gxrzcjwt_items .item{
    width: calc(100% / 2 - 0px);
    transition: transform 0.5s;
}
.gxrzcjwt_items .item a{
    display: block;
    font-size: 20px;
    line-height: 36px;
    color: var(--fontColor3);
    margin: 10px auto;
}
.gxrzcjwt_items .item a::before{
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: var(--bgColor5);
    border-radius: 10px;
    margin-right: 10px;
}

/* 公司变更 */
.view_bar_con{
    justify-content: space-between;
    height: 460px;
    align-items: center;
}
.view_bar_left{
    width: 800px;
}
.gsbg_items{
    margin: 0px auto;
    display: flex;
}
.gsbg_items ul{
    display: inline-flex;
    flex-wrap: wrap;
}
.gsbg_items ul li{
    padding: 0 15px;
    border-radius: 5px;
    margin-right: 30px;
    line-height: 40px;
    cursor: pointer;
    margin-bottom: 15px;
    font-size: 16px;
    color: var(--fontColor3);
}
.gsbg_items span{
    display: inline-flex;
    font-size: 18px;
    line-height: 40px;
    width: 90px;
}
.gsbg_items ul{
    width: calc(100% - 90px);
}
.gsbg_items em{
    width: 90px;
    background: #de0e0e;
    color: var(--fontColorf);
    text-align: center;
    border-radius: 5px;
    font-style: normal;
    display: block;
    line-height: 45px;
    padding: 0 30px;
}
.gsbg_lx ul li{
    font-size: 18px;
    line-height: 45px;
    background: var(--bgColor4);
    padding: 0 30px;
}
.gsbg_lx ul li a{
    display: block;
}
.gsbg_lx ul li.active,
.gsbg_lx ul li:hover {
    background: #de0e0e;
}
.gsbg_lx ul li.active a,
.gsbg_lx ul li:hover a{
    color: var(--fontColorf);
}
.gsbg_handle ul li{
    border: 1px solid var(--fontColorc);
    margin-right: 20px;
}
.gsbg_handle ul li.active,
.gsbg_handle ul li:hover{
    border: 1px solid #de0e0e;
    color:#de0e0e;
}

.gsbg_service ul li{
    display: none;
}
.gsbg_service ul li.active{
    display: block;
}

.view_bar_right{
    width: 266px;
}
.view_bar_right .pic{
    width: 100%;
    height: 315px;
    overflow: hidden;
}
.view_bar_right .tct em{
    width: 120px;
    text-align: center;
    font-size: 16px;
    color: var(--fontColorf);
    border-radius: 5px;
    background: linear-gradient(to bottom, #f03e3e, #dd0c0c);
    display: block;
    line-height: 36px;
    font-style: normal;
    margin: -50px auto 20px;
    position: relative;
    z-index: 1;
}
.view_bar_right .tct p{
    font-size: 14px;
    line-height: 32px;
    color: var(--fontColor3);
}
.view_bar_right .tct p span{
    display: inline-block;
    margin: 0 5px;
}

.gszxwh_items .item{
    width: calc(100% / 3 - 47.5px);
    margin-right: 70px;
    margin-bottom: 60px;
    transition: transform 0.5s;
}
.gszxwh_items .item:nth-child(3n){
    margin-right: 0;
}
.gszxwh_items .item span{
    display: block;
    width: 100%;
    height: 210px;
}
.gszxwh_items .item h3{
    font-size: 28px;
    line-height: 72px;
    color: var(--fontColorf);
    background: #498eff;
    text-align: center;
    font-weight: normal;
}


/* 专利交易 */
.view_zljy .view_con{
    position: relative;
}
.zljy_bd{
    margin-top: -60px;
    background: var(--fontColorf);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    padding: 30px 75px;
    box-sizing: border-box;
}
input[type=radio]{
    /*去除浏览器默认样式*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*自定义样式*/
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border: 1px solid var(--fontColora);
    outline: none;
    cursor: pointer;
    /*设置为圆形，看起来是个单选框*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
input[type=radio]:after{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: var(--bgColor6);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    /*增加一些动画*/
    -webkit-transition : all ease-in-out 300ms;
    -moz-transition : all ease-in-out 300ms;
    transition : all ease-in-out 300ms;
}
input[type=radio]:checked{
    border: 1px solid var(--bgColor6);
}
input[type=radio]:checked:after{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.zljy_bd .zlcx_item2{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.zljy_bd .zlcx_item2 dl{
    margin: 0 auto;
    width: 85%;
}
.zljy_bd .zlcx_item2 .selling_patents{
    padding: 0 20px;
    background: #cfab76 url(../images/selling_patents_icon.png) no-repeat 15px;
    color: var(--fontColorf);
    font-size: 14px;
    line-height: 34px;
    border-radius: 34px;
    padding-left: 40px;
    cursor: pointer;
}
.zljy_mfck{
    justify-content: space-between;
    margin: 20px auto 0;
}
.zljy_mfck input{
    width: calc((100% - 265px) / 2);
    border: 1px solid var(--bgColor6);
    box-sizing: border-box;
    text-indent: 1em;
    border-radius: 5px;
}
.zljy_mfck input::placeholder{
    color: var(--fontColor9);
}
.zljy_mfck button{
    width: 225px;
    line-height: 52px;
    text-align: center;
    border-radius: 5px;
    background: var(--bgColor6);
    border: none;
    font-size: 20px;
    color: var(--fontColorf);
    transition: transform 0.5s;
}
.zljy_mfck button:hover{
    transform: scale(1.05);
}
.zljy_mfck p{
    margin-top: 10px;
    font-size: 16px;
    line-height: 36px;
    color: var(--fontColor9);
}

.selling_patents_pop{
    width: 500px;
    padding: 50px;
    box-sizing: border-box;
    position: absolute;
    top: 212px;
    right: 0;
    z-index: 5;
    display: none;
}
.selling_patents_colse{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;;
}
.selling_patents_colse::before,
.selling_patents_colse::after{
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    background: var(--fontColorf);
    transform: rotate(45deg);
    position: absolute;
    top: 14px;
}
.selling_patents_colse::after{
    transform: rotate(-45deg);
}
.selling_patents_con{
    padding: 35px;
    box-sizing: border-box;
    background: var(--fontColorf);
}

.selling_patents_con h3{
    font-size: 30px;
    line-height: 36px;
    color: var(--fontColor3);
    text-align: center;
    font-weight: normal;
    margin-bottom: 20px;
}
.selling_patents_con textarea,
.selling_patents_con input{
    width: 100%;
    line-height: 36px;
    margin: 10px auto;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 14px;
    border: 1px solid var(--fontColor9);
}
.selling_patents_con textarea::placeholder,
.selling_patents_con input::placeholder{
    color: var(--fontColor9);
}
.selling_patents_con p{
    font-size: 14px;
    line-height: 32px;
    color: var(--fontColor3);
    text-align: center;
}
.selling_patents_con button{
    width: 100%;
    font-size: 18px;
    line-height: 36px;
    background: #c19359;
    border:none;
    color: var(--fontColorf);
    margin: 10px auto;
}

.view_zljy .view_title h3{
    font-size: 48px;
    color: var(--fontColor3);
    font-weight: normal;
    padding-bottom: 10px;
}
.view_zljy .view_title h3 font{
    color: var(--bgColor5);
}
.view_zljy .view_title p{
    font-size: 18px;
    line-height: 32px;
    color: var(--fontColor9);
}
.view_zljy .view_title h3:before,
.view_zljy .view_title h3::after{
    display: none;
}

.zljyzjly_items{
    padding-bottom: 30px;
}
.zljyzjly_items .item{
    width: calc(100% / 8 + 1px);
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    color: var(--fontColor3);
    border: 1px solid var(--fontColord);
    box-sizing: border-box;
    margin-top: -1px;
    margin-left: -1px;
}
.zljyzjly_items .item a{
    display: block;
    color: var(--bgColor9);
}
.zljy_mom span{
    display: block;
    width: 230px;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
    color: var(--fontColorf);
    background: var(--bgColor9);
    border-radius: 10px;
    margin: 30px auto;
    transition: transform 0.5s;
}
.yxzltj_items .item{
    width: calc(100% / 5 - 24px);
    margin-right: 30px;
    margin-bottom: 30px;
    background: var(--fontColorf);
    padding:10px 25px 25px;
    border: 1px solid var(--fontColord);
    box-sizing: border-box;
    transition: transform 0.5s;
}
.yxzltj_items .item:nth-child(5n){
    margin-right: 0;
}
.yxzltj_items .item p{
    font-size: 12px;
    line-height: 36px;
    color: var(--fontColor9);
}
.yxzltj_items .item p span{
    display: inline-block;
    font-size: 14px;
    color: var(--fontColor3);
    width: 49%
}
.yxzltj_items .item p span:last-child{
    text-align: right;
}
.yxzltj_items .item em{
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: var(--fontColorf);
    text-align: center;
    background: #e38e13;
    font-style: normal;
    border-radius: 30px;
}
.mains_text img{
    width: auto;
}
.zljyys_items .item{
    width: calc(100% / 3 - 20px);
    margin-right: 30px;
    margin-bottom: 30px;
    padding: 25px;
    box-sizing: border-box;
    transition: transform 0.5s;
}
.zljyys_items .item:nth-child(3n){
    margin-right: 0;
}
.zljyys_items .item h3{
    font-size: 24px;
    color: var(--fontColor3);
    font-weight: normal;
    padding: 20px 0;
    background: url(../images/zljyys_items_01.png) no-repeat right;
}
.zljyys_items .item:nth-child(2) h3{
    background: url(../images/zljyys_items_02.png) no-repeat right;
}
.zljyys_items .item:nth-child(3) h3{
    background: url(../images/zljyys_items_03.png) no-repeat right;
}
.zljyys_items .item:nth-child(4) h3{
    background: url(../images/zljyys_items_04.png) no-repeat right;
}
.zljyys_items .item:nth-child(5) h3{
    background: url(../images/zljyys_items_05.png) no-repeat right;
}
.zljyys_items .item:nth-child(6) h3{
    background: url(../images/zljyys_items_06.png) no-repeat right;
}
.zljyys_items .item  p{
    font-size:16px;
    line-height: 32px;
    color: var(--fontColor6);
}

/* 腾讯邮箱 */
.index_advantage_wrap, .index_use_function_wrap {
    width: 1000px;
    margin: 60px auto 0;
    margin-bottom: 60px;
}
.index_advantage_item_wrap {
    display: table;
}
.index_advantage_item {
    display: table-cell;
    width: 250px;
    padding: 60px 125px 0 0;
    text-align: center;
}
.index_advantage_item:last-child {
    padding-right: 0;
}
.qy_indexIcon{
    background-image: url(../images/indexIcons5b1531.png);
}
.qy_indexIcon_new_pic_ww1 {
    background-position: -190px -661px;
    width: 180px;
    height: 140px;
}
.qy_indexIcon_new_pic_coop {
    background-position: -570px -511px;
    width: 180px;
    height: 140px;
}
.qy_indexIcon_ad_pro_1 {
    background-position: -190px -361px;
    width: 180px;
    height: 140px;
}
.qy_indexIcon_new_pic_safe {
    background-position: -760px -211px;
    width: 180px;
    height: 140px;
}
.qy_indexIcon_new_pic_overseas {
    background-position: -380px -661px;
    width: 180px;
    height: 140px;
}
.qy_indexIcon_new_pic_vip {
    background-position: -570px -211px;
    width: 180px;
    height: 140px;
}
.index_advantage_item_title {
    font-size: 20px;
    color: #181818;
    text-align: center;
    padding: 9px 0 17px 0;
}
.index_advantage_item_desc {
    font-size: 13px;
    color: #4a4a4a;
    line-height: 24px;
    margin-bottom: 10px;
    text-align: left;
    height: 72px;
}
.index_price_calc_wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1000px;
    height: 276px;
    margin: 0 auto;
    border-radius: 4px;
    font-size: 0;
    display: table;
}
.index_price_calc_left, .index_price_calc_right, .index_price_calc_middle {
    background: #f9fafc;
    display: table-cell;
}
.index_price_calc_left {
    vertical-align: middle;
}
.index_price_calc_left_content, .index_price_calc_right_content {
    line-height: 51px;
    height: 51px;
    text-align: center;
}
.index_price_calc_left_content {
    text-align: left;
    padding-left: 100px;
}
.qy_indexIcon_price_calc_24 {
    background-image: url(../images/indexIcons5b1531.png);
    background-position: -1080px -36px;
    width: 24px;
    height: 24px;
}
.index_price_calc_left_content .qy_indexIcon_price_calc_24 {
    vertical-align: middle;
}
.index_price_calc_title {
    display: inline-block;
    font-weight: 500;
    font-size: 22px;
    color: #000;
    padding: 0 7px 0 10px;
    vertical-align: top;
}
.index_price_calc_desc {
    background: #fe6500;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    padding: 1px 6px;
    position: relative;
}
.index_price_calc_desc:before {
    display: block;
    content: " ";
    width: 0;
    line-height: 0;
    font-size: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 3px 3px;
    border-left: 0;
    border-right-color: #fe6500;
    margin: 6px auto;
    position: absolute;
    left: -3px;
}
.index_price_calc_left_content_sub {
    text-align: left;
    font-size: 14px;
    padding-left: 100px;
}
.index_price_calc_left_desc {
    font-size: 14px;
    color: #2b2b2b;
}
.index_price_calc_left_desc span {
    color: #fe6500;
    font-weight: bold;
}
.qy_indexIcon {
    display: inline-block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}
.index_price_calc_right {
    width: 500px;
}
.index_price_calc_content {
    display: inline-block;
    font-size: 0;
    color: #000;
    margin-right: 100px;
    vertical-align: middle;
    position: relative;
    line-height: 30px;
    margin-bottom: 19px;
}
.index_price_calc_right span {
    font-size: 16px;
    font-weight: 500;
}
.index_price_calc_content span, .index_price_calc_content input {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    height: 30px;
}
.index_price_calc_right_title {
    width: 240px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.index_price_calc_right_title .qy_indexIcon_ask {
    position: absolute;
    left: 90px;
    top: 8px;
    height: 14px;
    cursor: pointer;
    overflow: initial;
}
.index_price_calc_right_title .qy_popPanel_Dark {
    opacity: 0;
    position: absolute;
    left: 90px;
    top: 8px;
    line-height: 1.5;
    padding: 12px;
    border-radius: 4px;
    -webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.17);
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.17);
    color: #fff;
    background-color: #4c4e50;
    text-align: left;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 100;
    font-size: 12px;
}
.index_price_calc_right_title .qy_indexIcon_ask:hover .qy_popPanel_Dark{opacity: 1;}
.qy_indexIcon_ask {
    background-image: url(../images/indexIcons5b1531.png);
    background-position: -1080px -186px;
    width: 14px;
    height: 14px;
}
.index_price_calc_content_input_box {
    display: inline-block;
    height: 30px;
    line-height: 28px;
    position: relative;
}
.index_price_calc_content_input_minus, .index_price_calc_content_input_plus, .index_price_calc_content_input_wrap {
    display: inline-block;
    vertical-align: top;
}
.index_price_calc_content_input_minus, .index_price_calc_content_input_plus {
    width: 25px;
    height: 30px;
}
.index_price_calc_content_input_minus[disabled] {
    cursor: auto;
}
.index_price_calc_minus_icon_wrap, .index_price_calc_plus_icon_wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    text-align: center;
}
.index_price_calc_minus_icon, .index_price_calc_plus_icon {
    display: inline-block;
    width: 11px;
    background-size: cover;
    vertical-align: middle;
}
.index_price_calc_minus_icon {
    height: 1px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAACCAYAAABc8yy2AAAAAXNSR0IArs4c6QAAABZJREFUCB1j7Ojo+M9AA8BEAzPBRgIAx/cCm0Tc/mkAAAAASUVORK5CYII=);
}
.index_price_calc_content_input_wrap {
    width: 80px;
    height: 30px;
}
.index_price_calc_content_input {
    border: 0;
    margin: 0;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding: 5px 6px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
}
.index_price_calc_content span, .index_price_calc_content input {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    height: 30px;
}
.index_price_calc_plus_icon {
    height: 11px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAEdJREFUOBFjYCASdHR0/AdhIpUzMBGrkFR1owbDQ2w0KIZwUDCSkpvg/iSCQbNUQYTdECWjZQXRQYWukGaRN2owPKiHXlAAADfRDRtbQattAAAAAElFTkSuQmCC);
}
.index_price_calc_content {
    display: inline-block;
    font-size: 0;
    color: #000;
    margin-right: 100px;
    vertical-align: middle;
    position: relative;
    line-height: 30px;
    margin-bottom: 19px;
}
.index_price_calc_content span, .index_price_calc_content input {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    height: 30px;
}
.index_price_calc_price {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 130px;
}
.index_price_calc_content_divide {
    background: #e8e8e8;
    height: 1px;
    width: 370px;
    margin-bottom: 20px;
}
.index_price_calc_price_total {
    width: 290px;
}
.index_price_calc_price {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 130px;
}
.index_price_calc_price_total .index_price_cal_discount {
    font-size: 24px;
    color: #2b2b2b;
}
.index_price_calc_price_total {
    width: 290px;
}
.index_price_cal_origin {
    font-weight: bold;
    font-size: 14px;
    text-decoration: line-through;
    color: #9b9b9b;
    margin-left: 6px;
}
.index_case_item_wrap {
    width: 1000px;
    margin: 0 auto;
    font-size: 0;
}
.index_case_item {
    width: 236px;
    height: 250px;
    display: inline-block;
    border-radius: 2px;
    margin-right: 18px;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}
.index_case_item:nth-child(4n) {
    margin-right: 0;
}
.qy_userLogoIcon {
    display: inline-block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    width: 236px;
    height: 250px;
    background: url(../images/userLogoIcons4fa4db.png) no-repeat;
}
.qy_userLogoIcon_case_edu {
    background-position: 0 0; 
}
.qy_userLogoIcon_case_financial {
    background-position: -246px 0;
}
.qy_userLogoIcon_case_gov {
    background-position: -492px 0;
}
.qy_userLogoIcon_case_hospital {
    background-position: 0 -260px;
}
.qy_userLogoIcon_case_internet{
    background-position: -492px -260px;
}
.qy_userLogoIcon_case_life {
    background-position: -738px 0;
}
.qy_userLogoIcon_case_industry {
    background-position: -246px -260px;
}
.qy_userLogoIcon_case_trade {
    background-position: -738px -260px;
}
.index_case_item_title {
    padding: 12px 0 11px 20px;
    font-size: 18px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    bottom: 20px;
    position: absolute;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.index_hot_wrap {
    padding: 60px;
    width: 1000px;
    margin: 0 auto;
    font-size: 0;
}
.index_hot_box {
    display: inline-block;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}
.index_hot_title {
    font-weight: 500;
    font-size: 16px;
    color: #181818;
    margin-bottom: 8px;
}
.index_hot_list li a {
    font-size: 13px;
    color: #4a4a4a;
    line-height: 28px;
}
.index_hot_more {
    font-size: 13px;
    color: #4a4a4a;
    position: relative;
    display: inline-block;
    margin-top: 13px;
}
.index_hot_more::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 11px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAAAXNSR0IArs4c6QAAANhJREFUKBVj8PX1lfP29g5iIACYgPIi////X0lIMRMjI+MLoGIWQoqZb968+VlVVZUdqNgeiIPV1NSu3r59+zqQjQKYQTygxF5CisEKiVEMV0hIMYpCfIoZQZLYgJeX1wSgeD4Q/wFiX1A4YoDAwEAxYLC5gCSA9A1ubu6zGCaCFP369WsfMFy1gYqucHFxOa1evfo1ikJcisAmw+zFpwiukJAikEKmhoYGFmxugtkEo5mBPlIHOrwR2eEwSWSaiZmZmYOQIpAGJiEhoetMTEyOoCBANgGdDQAq1I1x95KTzgAAAABJRU5ErkJggg==);
    background-size: cover;
    margin-left: 3px;
    position: absolute;
    top: 4px;
}
.index_use_function_item_wrap {
    height: 140px;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.index_use_function_item_wrap {
    height: auto;
    margin: 40px auto 0;
    width: 1010px;
}
.index_use_function_item {
    display: inline-block;
    width: 200px;
    height: 144px;
    margin-right: 65px;
    vertical-align: top;
}
.index_use_function_item:nth-child(4n) {
    margin-right: 0;
}
.index_use_function_item_logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
}
.qy_indexIcon {
    display: inline-block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    background-image: url(../images/indexIcons5b1531.png);
   
}
.qy_indexIcon_use_capacity_1 {
    background-position: -800px -1012px;
    width: 30px;
    height: 30px;
}
.qy_indexIcon_use_mina_1{
    background-position: -960px -972px;
    width: 30px;
    height: 30px;
}
.qy_indexIcon_use_recall_1{
    background-position: -1000px -972px;
    width: 30px;
    height: 30px;
}
.qy_indexIcon_use_mailgroup_1{
    background-position: -800px -972px;;
    width: 30px;
    height: 30px;
}
.qy_indexIcon_use_attach_1{
    background-position: -640px -1012px;
    width: 30px;
    height: 30px;
}
.qy_indexIcon_use_doc_1{
    background-position: -240px -1012px;
    width: 30px;
    height: 30px;
}
.qy_indexIcon_use_cal_1{
    background-position: -720px -1012px;
    width: 30px;
    height: 30px;
}
.qy_indexIcon_use_meeting_1{
    background-position: -320px -1012px;
    width: 30px;
    height: 30px;
}
.qy_indexIcon_use_translate_1{
    background-position: -760px -972px;
    width: 30px;
    height: 30px;
}
.qy_indexIcon_use_self_1{
    background-position: -840px -972px;
    width: 30px;
    height: 30px;
}
.qy_indexIcon_use_forward_1{
    background-position: -160px -1012px;
    width: 30px;
    height: 30px;
}
.qy_indexIcon_use_groupsend_1{
    background-position: -640px -972px;
    width: 30px;
    height: 30px;
}
.qy_indexIcon_use_contact_1{
    background-position: -560px -1012px;
    width: 30px;
    height: 30px;
}
.qy_indexIcon_use_i18n_1{
    background-position: -360px -1012px;
    width: 30px;
    height: 30px;
}
.qy_indexIcon_use_recall_1{
    background-position: -520px -972px;
    width: 30px;
    height: 30px;
}
.qy_indexIcon_new_use_disk{
    background-position: -40px -1012px;
    width: 30px;
    height: 30px;
}
.qy_indexIcon_new_use_secret{
    background-position: -120px -1012px;
    width: 30px;
    height: 30px;
}
.qy_indexIcon_new_use_notice{
    background-position: -80px -1012px;
    width: 30px;
    height: 30px;
}
.qy_indexIcon_use_conv_1{
    background-position: -360px -1012px;
    width: 30px;
    height: 30px;
}
.index_use_function_item_title {
    font-size: 16px;
    color: #181818;
    display: inline-block;
    vertical-align: middle;
}

.index_use_function_item_desc {
    font-size: 13px;
    color: #4a4a4a;
    line-height: 23px;
    margin-top: 8px;
}


.tq-home-partners-swiper__slide{
    width: 380px;
    width: calc(var(--tq-rate)* 380* 1px);
    height: auto;
    margin-right: 20px;
    position: relative;
}
.tq-home-partners-card {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    background: #fff;
    box-shadow: 0 2px 8px rgba(80, 102, 126, .15);
    -webkit-backdrop-filter: blur(2.71828px);
    backdrop-filter: blur(2.71828px);
    border-radius: 12px;
    border-radius: calc(var(--tq-rate)* 12* 1px);
    overflow: hidden;
    height: 100%;
    cursor: pointer;
    transition: box-shadow .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, box-shadow .3s ease-in-out;
    transition: transform .3s ease-in-out, box-shadow .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.tq-home-partners-card:hover {
    box-shadow: 0 2px 20px rgba(139, 167, 198, .4);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.tq-home-partners-card-view {
    width: 100%;
    /* padding-bottom: 56.3157894737%; */
    position: relative;
    background: #d5dcf6;
}
.tq-home-partners-card-view__tag {
    position: absolute;
    left: 12px;
    left: calc(var(--tq-rate)* 12* 1px);
    top: 12px;
    top: calc(var(--tq-rate)* 12* 1px);
    z-index: 2;
    background: #08a89c;
    border-radius: 16px;
    border-radius: calc(var(--tq-rate)* 16* 1px);
    font-weight: 500;
    font-size: 16px;
    font-size: calc(var(--tq-rate)*16*1px);
    line-height: 26px;
    line-height: calc(var(--tq-rate)*26*1px);
    color: #fff;
    padding: 2px 20px;
    padding: calc(var(--tq-rate)* 2* 1px) calc(var(--tq-rate)* 20* 1px);
    text-align: center;
}
.tq-home-partners-card-content {
    padding: 32px 32px 12px;
    padding: calc(var(--tq-rate)* 32* 1px) calc(var(--tq-rate)* 32* 1px) calc(var(--tq-rate)* 12* 1px);
}
.tq-home-partners-card-content__logo {
    height: 36px;
    height: calc(var(--tq-rate)* 36* 1px);
}
.tq-home-partners-card-content__logo img{
    width: auto;
}
.tq-home-partners-card-content__txt {
    margin-top: 16px;
    margin-top: calc(var(--tq-rate)* 16* 1px);
    text-align: left;
    font-size: 14px;
    font-size: calc(var(--tq-rate)*14*1px);
    line-height: 24px;
    line-height: calc(var(--tq-rate)*24*1px);
    height: 72px;
    height: calc(var(--tq-rate)* 72* 1px);
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    -webkit-line-clamp: 3;
    box-orient: vertical;
    word-break: break-all;
}
.tq-home-partners-card-content__txt .key-word {
    font-weight: 500;
}
.tq-home-partners-swiper__more {
    position: absolute;
    right: -40px;
    right: calc(var(--tq-rate)* -40* 1px);
    top: 50%;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
}
.tq-home-partners-logos {
    margin: 40px 0px;
    overflow: hidden;
}
.tq-home-partners-logos-lg {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: -20px;
    margin-bottom: calc(var(--tq-rate)* -20* 1px);
    margin-top: -20px;
    padding-top: 20px;
}
.tq-home-partners-logos-lg-group {
    display: -webkit-flex;
    display: flex;
    margin: 0 -20px 0 0;
    margin: 0 calc(var(--tq-rate)* -20* 1px) 0 0;
}
.tq-home-partners-logos-lg-row {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    min-width: 100%;
    -webkit-animation: scroll-x 80s linear infinite;
    animation: scroll-x 80s linear infinite;
}
.tq-home-partners-logos-lg-group.reverse .tq-home-partners-logos-lg-row {
    animation-direction: reverse;
}
.tq-home-partners-logos-item {
    width: calc(12.5% - 17.5px);
    height: 74px;
    height: calc(var(--tq-rate)* 74* 1px);
    background-color: #fff;
    border-radius: 6px;
    border-radius: calc(var(--tq-rate)* 6* 1px);
    box-shadow: 0 2px 16px rgba(139, 167, 198, .2);
    margin: 0 20px 20px 0;
    margin: 0 calc(var(--tq-rate)* 20* 1px) calc(var(--tq-rate)* 20* 1px) 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.tq-home-partners-logos-item>img {
    width: auto;
    height: 74px;
    height: calc(var(--tq-rate)* 74* 1px);
    object-fit: contain;
    display: block;
    object-position: center;
}
@keyframes scroll-x{
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(-100% - 20px));
        transform: translateX(calc(-100% - 20px));
    }
}
.tq-home-partners-swiper{
    position: relative;
    padding-top: 10px !important;
    padding-bottom: 120px !important;
}

.tq-home-partners-swiper .swiper-button-next,
.tq-home-partners-swiper .swiper-button-prev {
    top: auto;
    bottom: 25px;
    z-index: 2;
    width: 60px;
    width: calc(var(--tq-rate)* 60* 1px);
    height: 60px;
    height: calc(var(--tq-rate)* 60* 1px);
    box-sizing: border-box;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 10px rgba(139, 167, 198, .3);
    top: unset;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.tq-home-partners-swiper .swiper-button-next::after,
.tq-home-partners-swiper .swiper-button-prev::after{
   display: block; 
   font-size: 30px;
   color: #08a89c;
}
.tq-home-partners-swiper .swiper-button-next {
    z-index: 2;
    left: 50%;
    margin-left: 38px;
    margin-left: calc(var(--tq-rate)* 38* 1px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.tq-home-partners-swiper .swiper-button-prev {
    z-index: 2;
    left: 50%;
    margin-left: -38px;
    margin-left: calc(var(--tq-rate)* -38* 1px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.bookmark1_list{
    width: 1200px;
    margin: 0 auto;
}
.bookmark1_list ul li {
    list-style: none;
    vertical-align: top;
    width: 380px;
    margin-right: 30px;
    margin-bottom: 30px;
    background: #fff;
    transition: all .75s;
    filter: drop-shadow(0 2px 20px rgba(92, 149, 198, .2));
    border-radius: 15px;
    border: 1px solid #fff;
    box-sizing: border-box;
    transition: transform 0.5s;
}
.bookmark1_list ul li:last-child {
    margin-right: 0;
}
.bookmark1_list ul li .tst {
    padding: 30px;
    box-sizing: border-box;
}
.bookmark1_list ul li .tst h2 {
    font-size: 28px;
    line-height: 48px;
    text-align: center;
    color: #000;
    margin-bottom: 12px;
    font-weight: normal;
}
.bookmark1_list ul li .tst h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: #eab535;
    margin-bottom: 32px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.bookmark1_list ul li .tst em {
    background: linear-gradient(90deg, #0fb7aa, #069085);
    font-style: normal;
    border-radius: 6px;
    width: 300px;
    height: 44px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
}
.bookmark1_list ul li .tst p{
    border-top: 1px solid #e2ebea;
    padding-top: 30px;
    margin-top: 30px;
}
.bookmark1_list ul li .tst p b {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    padding-left: 27px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}
.bookmark1_list ul li .tst p span {
    padding-left: 2em;
    display: block;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    position: relative;
}
.tq-home-safe__list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px -40px;
    margin: 0 calc(var(--tq-rate)* -20* 1px) calc(var(--tq-rate)* -40* 1px);
}
.tq-home-safe__list>li {
    width: 50%;
    box-sizing: border-box;
    padding: 0 20px 40px;
    padding: 0 calc(var(--tq-rate)* 20* 1px) calc(var(--tq-rate)* 40* 1px);
    transition: transform 0.5s;
}
.tq-home-safe__item {
    position: relative;
    display: block;
    background: #fff;
    box-shadow: 0 2px 16px rgba(139, 167, 198, .2);
    border-radius: 12px;
    border-radius: calc(var(--tq-rate)* 12* 1px);
    padding: 40px;
    padding: calc(var(--tq-rate)* 40* 1px);
    overflow: hidden;
    height: 100%;
    box-sizing: border-box;
}
.tq-home-safe__item-inner {
    position: relative;
    z-index: 2;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.tq-home-safe__item-title {
    font-weight: 500;
    font-size: 24px;
    font-size: calc(var(--tq-rate)*24*1px);
    color: #000;
}
.tq-home-safe__item-desc {
    margin-top: 24px;
    margin-top: calc(var(--tq-rate)* 24* 1px);
    font-size: 16px;
    font-size: calc(var(--tq-rate)*16*1px);
    color: #333;
    max-width: 480px;
    max-width: calc(var(--tq-rate)* 480* 1px);
}
.tq-home-safe__item-logo {
    display: block;
    width: auto;
    height: 55px;
    height: calc(var(--tq-rate)* 55* 1px);
    margin-top: 19px;
    margin-top: calc(var(--tq-rate)* 19* 1px);
    margin-left: 0;
}
.tq-home-safe__item-bg {
    width: 200px;
    height: 200px;
    position: absolute;
    right: -40px;
    right: calc(var(--tq-rate)* -40* 1px);
    bottom: -40px;
    bottom: calc(var(--tq-rate)* -40* 1px);
    width: 200px;
    width: calc(var(--tq-rate)* 200* 1px);
    height: 200px;
    height: calc(var(--tq-rate)* 200* 1px);
}
.tq-home-safe__item-imgs {
    margin-top: 12px;
    margin-top: calc(var(--tq-rate)* 12* 1px);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-right: -16px;
    margin-right: calc(var(--tq-rate)* -16* 1px);
    margin-left: -16px;
    margin-left: calc(var(--tq-rate)* -16* 1px);
    list-style: none;
}
.tq-home-safe__item-img {
    background: #fff;
    border: 1px solid #dbe8e8;
    box-shadow: inset 0 3px 6px #f6f6f9;
    border-radius: 50%;
    overflow: hidden;
    width: 68px;
    width: calc(var(--tq-rate)* 68* 1px);
    height: 68px;
    height: calc(var(--tq-rate)* 68* 1px);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    margin-left: 16px;
    margin-left: calc(var(--tq-rate)* 16* 1px);
    margin-right: 16px;
    margin-right: calc(var(--tq-rate)* 16* 1px);
}
.tq-home-apps__tab-bar {
    margin-bottom: 50px;
    margin-bottom: calc(var(--tq-rate)* 50* 1px);
    text-align: center;
    overflow-x: auto;
}
.tq-home-apps__tab-titles {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
}
.tq-home-apps__tab-title {
    opacity: .5;
    transition: opacity .3s ease-in-out;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 60px;
    margin-right: calc(var(--tq-rate)* 60* 1px);
}
.tq-home-apps__tab-title.is-active {
    opacity: 1;
}
.tq-home-apps__tab-title:last-child {
    margin-right: 0;
}
.tq-home-apps__tab-title-img {
    display: block;
    height: 32px;
    height: calc(var(--tq-rate)* 32* 1px);
}
.tq-home-apps__tab-title-text {
    display: block;
    font-weight: 400;
    font-size: 20px;
    font-size: calc(var(--tq-rate)*20*1px);
    line-height: 28px;
    line-height: calc(var(--tq-rate)*28*1px);
    color: #666;
    margin-left: 8px;
    margin-left: calc(var(--tq-rate)* 8* 1px);
    white-space: nowrap;
}
.tq-home-apps__tab-title.is-active .tq-home-apps__tab-title-text {
    font-weight: 500;
    color: #000;
}
.tq-home-apps__tab-item {
    display: none;
    -webkit-align-items: center;
    align-items: center;
}
.tq-home-apps__tab-item.is-active {
    display: -webkit-flex;
    display: flex;
}
.tq-home-apps__item-object {
    position: relative;
    width: 61.9718309859%;
    margin-right: 80px;
    margin-right: calc(var(--tq-rate)* 80* 1px);
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
.tq-home-apps__item-object:before {
    content: "";
    display: block;
    padding-top: 66.5841584158%;
}
.tq-home-apps__item-object .tq-lottie-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.tq-home-apps__item-object .tq-lottie-box image{
    width: auto;
}
.tq-home-apps__item-main {
    -webkit-flex: 1 1;
    flex: 1 1;
    width: 1px;
}
.tq-home-apps__item-title {
    position: relative;
    font-weight: 400;
    font-size: 36px;
    font-size: calc(var(--tq-rate)*36*1px);
    line-height: 44px;
    line-height: calc(var(--tq-rate)*44*1px);
    color: #000;
    margin-bottom: 32px;
    margin-bottom: calc(var(--tq-rate)* 32* 1px);
    padding-bottom: 16px;
    padding-bottom: calc(var(--tq-rate)* 16* 1px);
}
.tq-home-apps__item-title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 72px;
    width: calc(var(--tq-rate)* 72* 1px);
    height: 4px;
    height: calc(var(--tq-rate)* 4* 1px);
    background: #08a89c;
    border-radius: 2px;
}
.tq-home-apps__item-desc {
    font-weight: 400;
    font-size: 18px;
    font-size: calc(var(--tq-rate)*18*1px);
    line-height: 32px;
    line-height: calc(var(--tq-rate)*32*1px);
    color: #000;
}
.tq-home-apps__item-btn {
    margin-top: 48px;
    margin-top: calc(var(--tq-rate)* 48* 1px);
    padding: 0 24px;
    min-width: 144px;
    min-width: calc(var(--tq-rate)* 144* 1px);
    height: 48px;
    height: calc(var(--tq-rate)* 48* 1px);
    background: #08a89c;
    border-radius: 6px;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    font-size: calc(var(--tq-rate)*16*1px);
    line-height: 26px;
    line-height: calc(var(--tq-rate)*26*1px);
    color: #fff;
    cursor: pointer;
    border-width: 0;
}

.txdzqhtlc_items{
    padding-bottom: 30px;
}
.txdzqhtlc_items .item{
    width: calc(100% / 9 - 17.8px);
    background: var(--fontColorf);
    margin-right: 20px;
    margin-bottom: 20px;
    height: calc(var(--tq-rate)* 160* 1px);
    background: #fcffff;
    box-shadow: 0 2px 50px -10px rgba(139, 167, 198, .5);
    border-radius: 12px;
    border-radius: calc(var(--tq-rate)* 12* 1px);
    -webkit-flex-direction: column;
    flex-direction: column;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    transition:  0.5s;
}
.txdzqhtlc_items .item:nth-child(9n){
    margin-right: 0;
}
.tq-home-manage__feature-icon {
    width: 76px;
    width: calc(var(--tq-rate)* 76* 1px);
    height: 76px;
    height: calc(var(--tq-rate)* 76* 1px);
    
    border-radius: 50%;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.tq-home-manage__feature-icon1{
    background: #e9f4fe; 
}
.tq-home-manage__feature-icon2{
    background: #ddf5fd;
}
.tq-home-manage__feature-icon3{
    background: #e0f8f5;
}
.tq-home-manage__feature-icon img {
    display: block;
    width: 48px;
    width: calc(var(--tq-rate)* 48* 1px);
    height: 48px;
    height: calc(var(--tq-rate)* 48* 1px);
}
.tq-home-manage__feature-text {
    width: 100%;
    text-align: center;
    margin-top: 16px;
    margin-top: calc(var(--tq-rate)* 16* 1px);
    font-weight: 400;
    font-size: 16px;
    font-size: calc(var(--tq-rate)*16*1px);
    line-height: 26px;
    line-height: calc(var(--tq-rate)*26*1px);
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qygjd_items .item{
    width: calc(100% / 3);
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    transition: transform 0.5s;
}
.qygjd_items .item span{
    display: block;
    width: 246px;
    margin: 0 auto 30px;
    margin-left: 130px;
}
.qygjd_items .item h3{
    font-size: 20px;
    line-height: 36px;
    color: var(--fontColor3);
    font-weight: bold;
}
.qygjd_items .item p{
    font-size: 14px;
    line-height: 32px;
    color: var(--fontColor9);
}

.tq-home-safe__item-link{
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    vertical-align: top;
    margin-top: 12px;
    margin-top: calc(var(--tq-rate)* 12* 1px);
    font-weight: 500;
    font-size: 16px;
    font-size: calc(var(--tq-rate)*16*1px);
    line-height: 26px;
    line-height: calc(var(--tq-rate)*26*1px);
    color: #08a89c;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
}
.tq-home-safe__item-link:hover{
    color: #08a89c;
}
.tq-home-safe__item-link:after {
    content: "";
    display: block;
    width: 24px;
    width: calc(var(--tq-rate)* 24* 1px);
    height: 12px;
    height: calc(var(--tq-rate)* 12* 1px);
    background-image: url(https://res.ess.tencent.cn/cdn/official-website/static/media/icon-arrow-theme.93390f8d.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    margin-left: 4px;
}

/* 国内商标注册 */
.gnsbzc_crumb dl dd{
    font-size: 16px;
    color: var(--fontColor6);
    line-height: 55px;
}
.gnsbzc_con{
    box-sizing: border-box;
    padding: 50px;
    background: var(--fontColorf);
}
.gnsbzc_left{
    width: 715px;
    padding-right: 135px;
    border-right: 1px solid var(--fontColorc);
    margin-right: 100px;
}
.gnsbzc_left .tit h3{
    font-size: 30px;
    line-height: 36px;
    color: var(--fontColor3);
}
.gnsbzc_left .tit p{
    font-size: 14px;
    line-height: 32px;
    color: var(--fontColor6);
}
.tab-tit ul li{
    padding: 0 10px;
    font-size: 14px;
    line-height: 30px;
    color: var(--fontColor6);
    border:1px solid var(--fontColorc);
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
}
.tab-tit ul li.active,
.tab-tit ul li:hover{
    color: var(--lineColor2);
    border:1px solid var(--lineColor2)
}
.tab-cons .tab-item{
    display: none;
}
.tab-cons .tab-item p{
    font-size: 14px;
    line-height: 32px;
    color: var(--fontColor9);
}
.tab-cons .tab-item p span{
    color: var(--bgColor5);
    background: url(../images/tab-item_dw.png) no-repeat left center;
    padding-left: 15px;
}
.tab-cons .tab-item p em{
    display: inline-block;
    color: var(--bgColor5);
    background: #dcdcdf;
    font-size: 14px;
    line-height: 24px;
    font-style: normal;
    padding: 0 10px;
}
.tab-cons .tab-item.active{
    display: block;
}

.gnsbzc_right{
    width: 255px;
    text-align: center;
}
.gnsbzc_right h3{
    font-size: 24px;
    line-height: 36px;
    color: var(--bgColor5);
    font-weight: normal;
}
.gnsbzc_right span{
    display: block;
    width: 186px;
    height: 186px;
    overflow: 50%;
    overflow: hidden;
    margin: 20px auto;
}
.gnsbzc_right p a{
    display: inline-block;
    width: 115px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-radius: 30px;
    color: var(--fontColorf);
}

.gnsbzc_btm_con{
    background: var(--fontColorf);
    padding: 0 50px;
    margin-top: 10px;
}
.gnsbzc_btm_tit{
    border-bottom: 1px solid var(--fontColorc);
}
.gnsbzc_btm_tit ul li{
    font-size: 18px;
    line-height: 60px;
    color: var(--fontColor3);
    margin-right: 30px;
    cursor: pointer;
}
.gnsbzc_btm_tit ul li a{
    display: block;
    color: var(--fontColor3);
}
.gnsbzc_btm_tit ul li.active,
.gnsbzc_btm_tit ul li:hover{
    border-bottom: 1px solid var(--lineColor2);
    color: var(--lineColor2);
    font-weight: bold;
}
.gnsbzc_btm_tit ul li.active a,
.gnsbzc_btm_tit ul li:hover a{
    color: var(--lineColor2);
}

.gnsbzc_sbgc{
    padding: 50px 50px 0;
}
.gnsbzc_sbgc .tits{
    text-align: center;
}
.gnsbzc_sbgc .tits h3{
    font-size: 30px;
    line-height: 45px;
    color: var(--fontColor3);
    display: inline-block;
}
.gnsbzc_sbgc .tits h3::after{
    content: "";
    display: block;
    width: 105px;
    height: 2px;
    background: var(--bgColor5);
    margin: 0 auto;
}
.gnsbzc_sbgc .tits p{
    font-size: 18px;
    line-height: 36px;
    color: var(--fontColor9);
}
.sbgc_items,
.sbzclc_items{
    padding-top: 30px;
    justify-content: center;
}
.sbgc_items .item{
    width: calc(100% / 3 - 140px);
    margin: 0 70px;
    margin-bottom: 20px;
    text-align: center;
}
.sbgc_items .item span,
.sbzclc_items .item span{
    display: block;
    width: 101px;
    height: 101px;
    border-radius: 50%;
    margin: 20px auto 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.sbgc_items .item h3,
.sbzclc_items .item h3{
    font-size: 20px;
    line-height: 36px;
    color: var(--bgColor6);
    font-weight: normal;
}
.sbgc_items .item p,
.sbzclc_items .item p{
    font-size: 16px;
    line-height: 30px;
    color: var(--fontColor9);
}

.sbzclc_items .item{
    width: calc(100% / 5 - 48px);
    margin-right: 60px;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}

.sbzclc_items .item:nth-child(5n){
    margin-right: 0;
}
.sbzclc_items .item::after{
    content: "";
    display: block;
    background: url(../images/sbzclc_items_ico.png) no-repeat;
    width: 56px;
    height: 24px;
    position: absolute;
    top: 60px;
    right: -60px;
}
.sbzclc_items .item:last-child:after{
    display: none;
}

.zbcl_items{
    background: url(../images/zbcl_items_bg.jpg) no-repeat;
    border-radius: 10px;
    width:992px;
    height: 350px;
    margin: 30px auto 0;
    padding: 25px;
    box-sizing: border-box;
}
.zbcl_item{
    background: url(../images/zbcl_item_bg.jpg) no-repeat;
    border-radius: 10px;
    width: 675px;
    height: 300px;
    margin: 0px auto;
    padding: 20px 0;
    box-sizing: border-box;
}
.zbcl_item .item{
    width: calc(100% / 2 - 0px);
    padding:0 35px;
    box-sizing: border-box;
}
.zbcl_item .item h3{
    font-size: 18px;
    line-height: 30px;
    color: var(--bgColor6);
    font-weight: normal;
}
.zbcl_item .item h3 img{
    width: 35px;
    height: 35px;
}
.zbcl_item .item p,
.sbjfcl_items .item p{
    font-size: 18px;
    line-height: 36px;
    color: var(--fontColor8);
}
.sbjfcl_items{
    justify-content: center;
    margin-top: 30px;
}
.sbjfcl_items .item{
    width: calc(100% / 4 - 30px);
    text-align: center;
}
.sbjfcl_items .item span{
    display: block;
    width: 165px;
    height: 220px;
    overflow: hidden;
    margin: 20px auto;
}
.sbfwbz_items{
    margin-top: 30px;
}
.sbfwbz_items .item{
    width: calc(100% / 3 - 20px);
    padding: 20px;
    box-sizing: border-box;
    margin-right: 30px;
    margin-bottom: 30px;
    background: url(../images/sbfwbz_items_ico_01.png) no-repeat 270px 20px;
}
.sbfwbz_items .item:nth-child(3n){
    margin-right: 0;
}
.sbfwbz_items .item h3{
    font-size: 24px;
    line-height: 48px;
    color: var(--fontColor3);
}
.sbfwbz_items .item h3::after{
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: var(--bgColor5);
    margin: 10px 0 20px;
}
.sbfwbz_items .item p{
    font-size: 14px;
    line-height: 24px;
    color: var(--fontColor6);
}
.sbfwbz_items .item:nth-child(2){
    background: url(../images/sbfwbz_items_ico_02.png) no-repeat 270px 20px;
}
.sbfwbz_items .item:nth-child(3){
    background: url(../images/sbfwbz_items_ico_03.png) no-repeat 270px 20px;
}
.sbfwbz_items .item:nth-child(4){
    background: url(../images/sbfwbz_items_ico_04.png) no-repeat 270px 20px;
}
.sbfwbz_items .item:nth-child(5){
    background: url(../images/sbfwbz_items_ico_05.png) no-repeat 270px 20px;
}
.sbfwbz_items .item:nth-child(6){
    background: url(../images/sbfwbz_items_ico_06.png) no-repeat 270px 20px;
}
.sbzccjwt_items{
    padding: 40px 45px;
    box-sizing: border-box;
    border:1px solid var(--fontColord);
    margin-top: 30px;
}
.sbzccjwt_items .item{
    border-bottom: 1px solid var(--fontColord);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.sbzccjwt_items .item h3{
    font-size: 16px;
    line-height: 30px;
    color: var(--fontColor3);
    font-weight: normal;
}
.sbzccjwt_items .item p{
    font-size: 16px;
    line-height: 30px;
    color: var(--fontColor9);
}
.sbzc_page{
    text-align: center;
}
.sbzc_page ul{
    display: inline-flex;
}
.sbzc_page ul li{
    padding: 5px 12px;
    border:1px solid var(--fontColord);
    /* margin: 0 5px; */
    margin-left: -1px;
}
.sbzc_page ul li.active{
    background: var(--bgColor6);
    color: var(--fontColorf);
}
.sbzc_page ul li.active a{
    color: var(--fontColorf);
}
.sbzc_page ul li a{
    display: block;
}
.sbzc_page ul li:last-child{
    border:none;
}

i,em{ font-style: normal;}
.wrap{ width:1340px; margin:auto;}
/* canbaojin */
.banner_inner{ height: 603px; position: relative; }
.cbj_search{ position: absolute; width:1018px; left: 50%; margin-left:-509px; bottom:138px; height: 48px; overflow: hidden;   }
.cbj_form{ width: calc(100% - 176px); float: left; }
.cbj_txt{ height: 48px; line-height: 48px; float: left;  border: none; background: #fff; width:70%; font-size: 18px; color: #cbcbcb; padding:0 22px; box-sizing: border-box;   }
.cbj_sub{ float: right; width: 28%; height: 48px; line-height: 48px; color: #fff; border: none; background: #fe5c69; text-align: center; font-size: 18px; }      
.cbj_zx{ background: #ffea01; height: 48px; line-height: 48px; font-size: 18px; color: #fff; width:160px; text-align: center; float: right; overflow: hidden; color: #5e3034;  display: block; }
.what_title{ padding:94px 0 60px 0;  }
.title_cbj{ text-align: center; overflow: hidden;height: 74px; line-height: 74px; font-size: 48px; font-weight: bold;  }
.waht_em{ color: #0a2cb1 }
.word_cbj{ text-align: center; height: 48px; line-height: 48px; overflow: hidden; font-size:18px; color: #989a99;  }
.obtain_img{ border: 1px solid #ebebeb; margin: 0 auto 20px; width:169px; height: 169px; border-radius: 169px; text-align: center; line-height: 169px;   }
.obtain_img img{max-width: 69px;height: auto;vertical-align: middle;}
.obtain_tit{ font-size: 20px; height:42px; line-height: 42px; text-align: center; overflow: hidden; color: #fe5c69  }
.obtain_zi{ height:120px; overflow: hidden;  line-height: 30px; font-size:14px; color: #a1a1a1; text-align: center; }
.what_ul li{ width: 33.3%; float: left; padding: 0 10px; box-sizing: border-box; }
.cbj_what{ padding-bottom: 98px; }

.dilemma{ background: url(../images/dilemmabj.jpg) center top no-repeat; height: 713px; }
.dil_ul li{ width: 33.3%; float: left; text-align: center;padding: 0 10px; box-sizing: border-box; }
.dil_img{ height: 168px; line-height: 168px;  overflow: hidden; margin-bottom:22px;  }
.dil_img img{max-width: 131px;height: auto;}
.dil_tit{font-size: 20px; height:42px; line-height: 42px; text-align: center; overflow: hidden; color: #fe5c69 }
.dil_word{height:90px; overflow: hidden;  line-height: 30px; font-size:14px; color: #a1a1a1; text-align: center;}
.dil_pic{  line-height: 322px;width: 157px;margin: 0 auto;}
.dil_pic img{vertical-align: middle;}

.pol_ul{ margin-bottom:64px;  }
.pol_ul li{ width: 33.3%; float: left; height: 206px; border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff; box-sizing: border-box; padding: 0 26px; }
.pol_ul li:nth-child(3n){ border-right: none; }
.pol_ul li:nth-child(1){background: url(../images/pol1.jpg) left top no-repeat;}
.pol_ul li:nth-child(2){background: url(../images/pol2.jpg) left top no-repeat;}
.pol_ul li:nth-child(3){background: url(../images/pol3.jpg) left top no-repeat;}
.pol_ul li:nth-child(4){background: url(../images/pol4.jpg) left top no-repeat;}
.pol_ul li:nth-child(5){background: url(../images/pol5.jpg) left top no-repeat;}
.pol_ul li:nth-child(6){background: url(../images/pol6.jpg) left top no-repeat;}
.pol_tit{ font-size:18px; height:62px; line-height: 62px; overflow: hidden;   }
.pol_word{ height:124px; overflow: hidden;  }
.pol_zi{ font-size:14px; line-height:26px; color: #666666;  padding-left: 10px; background: url(../images/poldian.png) left 10px no-repeat;}
.pol_see{ font-size: 26px; color: #fff; width:300px; height:56px; text-align: center; line-height: 56px; background: #fe5c69; border-radius: 56px; margin: 0 auto; display: block;   }
.policy{  padding-bottom: 60px; }

.reform{background: url(../images/dilemmabj.jpg) center top no-repeat; height: 713px;}
.ref_df{ font-size: 14px; height:34px; line-height: 34px; margin-bottom:8px;  padding-left: 60px;  }
.flow_ul{ padding: 0 90px 115px;display: flex;justify-content: space-between;}
.flow_ul li{ float: left; width:auto; padding-right: 10px; box-sizing: border-box;  }
.flow_div{background: none;}
.flow_tit{ font-size:24px; height:42px; line-height: 42px; overflow: hidden;   }
.flow_img{ width:96px; height: 96px; line-height: 96px; text-align: center; background: #fe5c69; border-radius: 96px; margin-bottom: 22px;display: flex;align-items: center;}
.flow_img img{max-width: 35px;height: auto;vertical-align: middle;}
.flow_ul li:nth-last-child(1){ padding-right: 0; }
.flow_ul li:nth-last-child(1) .flow_div{ background: none; padding-right: 0; }
.ref_ul{ border-top: 1px solid #d8dcdf;border-left: 1px solid #d8dcdf; }
.ref_ul li{ float: left; box-sizing: border-box;}
.ref_ul li:nth-child(1){ width: 196px; background: #f8fcff; border-right: 1px solid #d8dcdf }
.ref_ul li:nth-child(2){ width: 300px; background: #f0f3f6; border-right: 1px solid #d8dcdf }
.ref_ul li:nth-child(3){ width:394px; background: #f8d9b8; border-right: 1px solid #d8dcdf }
.ref_ul li:nth-child(4){ width: 389px; background: #f8c5cd; border-right: 1px solid #d8dcdf }
.typical{ height:57px; line-height: 57px; font-size: 14px; text-align: center; border-bottom: 1px solid #d8dcdf  }
.typ_li{ height:47px; line-height: 47px; font-size: 14px; text-align: center; border-bottom: 1px solid #d8dcdf}
.typ_i{ display: block; }
.ref_ul li:nth-child(1) .typ_li:nth-last-child(1),
.ref_ul li:nth-child(2) .typ_li:nth-last-child(1){  line-height: 82px; height: 82px; }
.ref_ul li:nth-child(3) .typ_li:nth-last-child(1),
.ref_ul li:nth-child(4) .typ_li:nth-last-child(1){  line-height: 21px; padding: 20px;height: auto; }

.lhyg_search{ position: absolute; left: 50%; width:916px; margin: 0 0 0 -458px; bottom: 50px;  }
.free{ margin:0 0 27px -24px;  }
.free_txt{ width:207px; height: 45px; font-size: 18px; margin-left: 24px; border: none; line-height: 45px; border-radius: 45px; background: #fff; padding:0 22px; color: #c8c8c8; box-sizing: border-box;  }
.free_bottom{ text-align: center; margin-bottom: 42px; }
.free_sub{ display: inline-block; width: 220px; height: 45px; line-height: 45px; border: none; background: #fe5c69; margin-right: 13px; border-radius: 45px; text-align: center; color: #fff; font-size: 18px; }
.free_kf{ display: inline-block; width: 160px; height: 45px; line-height: 45px; font-size: 18px; border-radius: 45px; color: #5e3034; background: #fff100; }
.free_zi{ font-size: 14px; height:24px; line-height: 24px; overflow: hidden; color:#9fd2fc;  }
.lhygbanner_inner{ height: 639px; }
.problem{ padding-bottom:102px;  }
.problem_img{ text-align: center; }
.problem_img img{ width: auto; height: auto; max-width: 100% }
.up{ background: #e9f8ff; padding-bottom: 180px; }
.up_ul li{ float: left; width: 214px; padding-right:3px; box-sizing: border-box; }
.up_img{ width: 108px; height: 108px;  line-height: 108px; text-align: center; background: #fe6571; border-radius: 138px; margin: 0 auto 24px }
.up_img img{max-width: 71px;height: auto;vertical-align: middle;}
.up_tit{ font-size: 17px; height:40px; line-height: 40px; overflow: hidden; text-align: center; }
.up_inner{background: url(../images/up1.png) right center no-repeat; background-size: 20%  }
.up_ul li:nth-last-child(1) .up_inner{ background: none; padding-right: 0; }
.use_inner{ text-align: center; }
.use_inner img,
.problem_img img{width: auto;height: auto;}
.use{ padding-bottom: 80px; }
.value{ background: #fef3f4; padding-bottom: 138px; }
.val_ul li{ width: 25%; float: left; padding: 0 5px; box-sizing: border-box; }
.val_img{ margin: 0 auto 22px; background: #fff; width:194px; line-height: 194px; line-height: 194px; text-align: center; border-radius: 194px;  }
.val_img img{max-width: 76px;height:auto;vertical-align: middle;}
.val_inner{ height: 60px; line-height: 30px; }
.val_i{ display: block; overflow: hidden; line-height: 30px;  text-align: center; font-size: 18px; color: #666666 }
.val_tit{ text-align: center; height: 38px; line-height: 38px; overflow: hidden; font-size:20px; color: #b70606;  margin-bottom: 6px; }
.adv_dl{ width: 50%; float: left; padding: 0 60px 0 32px; box-sizing: border-box; margin-bottom: 56px;}
.adv_dl dt{ float: left; width:48px; height: 50px; line-height: 50px;  }
.adv_dl dt img{max-width: 28px;height: auto;vertical-align: middle;}
.adv_dl dd{ float: right; width: calc(100% - 48px) }
.adv_tit{ height: 50px; line-height: 50px; font-size:24px; color: #c00000; margin-bottom: 8px;  }
.adv_zi{ height: 90px; line-height: 30px; overflow: hidden; }
.adv_i{ display: block; background: url(../images/adv5.png) left 11px no-repeat; line-height: 30px; overflow: hidden; font-size:18px; padding-left: 20px;   }
.advantage{ padding-bottom: 50px; }

.sbmm_query{ padding:44px 74px 26px;  box-shadow: 0 0 10px #eaeaea; background: #fff; margin-top: -60px; position: relative; z-index: 2 }
.query_l{ float: left; width:716px;  }
.queryform{ border:1px solid #0e55c1; border-radius: 10px; height: 50px; margin-bottom: 10px; }
.query_name{ float: left; width:148px; font-size: 16px; padding: 0 30px 0 20px; box-sizing: border-box;  height: 50px; line-height: 50px; background: url(../images/des1.png) right center no-repeat; }
.des{ float: left; width: calc(100% - 148px) }
.des_txt{ width: 395px; height: 50px; line-height: 50px; border: none!important; float: left; display: block; color: #999999; font-size: 14px; padding:0 20px; box-sizing: border-box;  }
.des_sub{ float: right; width: calc(100% - 395px); border-radius: 0 10px 10px 0; height: 50px; line-height: 50px; border: none; background: #0e55c1; color: #fff; text-align: center; font-size: 20px;  }
.sb_style{ font-size: 14px; color: #197cb4; height:32px; line-height: 32px; overflow: hidden;  }


.query_r{ float: right; width:366px;  }
.query_see{ display: block; float: left; margin-right:34px; width:166px; height: 53px; line-height: 53px; text-align: center; color: #fff; font-size: 20px; border-radius: 10px; background: #a0a0a0   }
.query_see:nth-child(2){ margin: 0; background: #cfa972; }
.query_sub{ margin-bottom: 10px; }
.query_call{ height: 32px; line-height: 32px; font-size: 14px; color: #929799 }
.calli{ color: #197cb4; }

.sift_ul{ margin: 0 0 0 -2% }
.sift_ul li{ float: left; width: 20%; padding: 0 0 0 2%; box-sizing: border-box; }
.sift_div{ position: relative; border: 1px solid #dbdbdb; height: 350px; }
.sift_cu{ position: absolute; top:13px; right:13px;  height: 20px; line-height: 20px; font-size: 12px; color: #fff; background: #ff7070; padding:0 4px;    }
.sift_inner{ padding:0 14px;  }
.sift_word{ font-size: 12px; height:42px; line-height: 21px; overflow: hidden; color: #999999; margin-bottom: 24px;  }
.sift_title{ text-align: center; height:42px; line-height: 42px; overflow: hidden; font-size:18px;   }
.sift_img{ height: 194px; line-height: 240px; text-align: center; }
.sift_img img{max-width: 190px;height: auto;vertical-align: middle;}
.sift_dl{ background: #fd8e35 }
.sift_ql{ background: #ee1414 }
.sift_kf{ display: block; float:left; height:26px; line-height: 26px; width: 112px; border-radius: 10px; background: #e38e13; color: #fff; text-align: center;  }
.sift_see{ float: right; display: block;  height:26px; line-height: 26px; width: 63px; border-radius: 10px; background: #a0a0a0; color: #fff; text-align: center;  }

.sift{ padding-bottom: 90px; }
.buy{ background: #eef5fe; padding-bottom: 120px; }
.buy_ul{ margin-left: -2% }
.buy_ul li{ padding: 0 0 0 2%; width: 20%; box-sizing: border-box; float: left; }
.buypic{background: url(../images/buy6.png) right center no-repeat; height: 95px; overflow: hidden; margin-bottom: 40px;}
.buypic img{width: 95px;height:auto;vertical-align: middle;}
.buy_ul li:nth-last-child(1) .buypic{ background: none; }
.buy_cn{ font-size: 18px; height:26px; line-height: 26px; overflow: hidden; color: #0e55c1;  }
.buy_en{ font-size: 16px; height:24px; line-height: 24px; overflow: hidden; color: #0e55c1; text-transform: uppercase; }

.good_ul{ margin: 0 0 0 -5% }
.good_ul li{ float: left; width: 33.3%; padding: 0 0 0 5%; box-sizing: border-box; margin-bottom: 88px; }
.good_title{ float: left; height: 86px; line-height: 86px; overflow: hidden; font-size:24px;  }
.good_img{ float: right; height: 86px; line-height: 86px; width:80px; text-align: right;  }
.good_img img{max-width: 54px;height: auto;vertical-align: middle;}
.good_b{ height:64px; line-height: 32px; overflow: hidden; color: #666666; font-size: 15px;  padding: 0 22px; }
.cate_ul { margin-left: -2% }
.cate_ul li{ float: left; padding: 0 0 0 2%; margin-bottom: 17px; width: 20%; border-radius: 8px; overflow: hidden;  box-sizing: border-box; }
.catediv{ position: relative; height: 116px; }
.cate_img img{ width: 253px; height: 116px; overflow: hidden; border-radius: 8px; }
.cate_hover{ position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.catetit{ font-size: 22px; overflow: hidden; color:#fff; padding-top: 18px;  text-align: center; }
.cate_qi{ font-size: 14px; color: #fff; text-align: center; }
.category{ padding-bottom: 142px; }
.query_r{ position: relative; }
.emp{ position: absolute; display: none; top: 120px; right: 0; padding: 47px 52px 0; box-sizing: border-box; background: url(../images/emp.jpg) left top no-repeat; width: 498px; height:618px; }
.emp_inner{ background: #fff; padding: 0 34px 0px; height: 523px; }
.emptitle{ font-size:30px; height:116px; line-height: 116px; text-align: center; overflow: hidden;   }
.emp_area{ border: 1px solid #dfdfdf; height:156px; margin-bottom: 25px; line-height: 30px; width: 100%; font-size: 14px; color: #999999; padding: 0 12px; box-sizing: border-box; resize: none;  }
.emp_txt{border: 1px solid #dfdfdf; height: 34px; line-height: 34px; overflow: hidden; margin-bottom: 42px; padding: 0 12px;width: 100%; box-sizing: border-box;font-size: 14px; color: #999999; }
.emp_sub{ width: 100%; height:36px; margin-bottom: 10px; line-height: 36px; background: #bf9057; text-align: center; color: #fff; border: 1px solid #bf9057; font-size:18px; overflow: hidden;   }
.emp_kf{ text-align: center; height:34px; line-height: 34px; font-size: 14px;  }
.kf_i{ color: #ee1414 }
.emp_call{ height:30px; line-height: 30px; overflow: hidden; text-align: center; font-size: 14px;  }
.emp_close{ position: absolute; right: 17px; top: 17px;background: url(../images/emp_close.png) right center no-repeat; width: 11px; height: 10px; }
.emp2{background: url(../images/emp1.jpg) left top no-repeat; }
.sel_emp{border: 1px solid #dfdfdf; height: 34px; line-height: 34px; overflow: hidden; margin-bottom: 26px; padding: 0 12px;width: 100%; box-sizing: border-box;font-size: 14px; color: #999999; }
.emp2 .emp_txt{ margin-bottom: 26px; }
.emp2 .emp_sub{ background: #013c9a; border: 1px solid #013c9a; }
.emp2 .emp_txt:nth-child(4){ margin-bottom: 42px; }

.trademark{ background: #f9faff }

.major_ul { margin-left: -6% }
.major_ul li{ width: 25%; padding: 0 0 0 6%; float: left; box-sizing: border-box; }
.major_img{ width:169px; height: 169px; line-height: 169px; border-radius: 169px; border: 1px solid #a6a6a6; text-align: center; margin: 0 auto 22px;  }
.major_img img{max-width: 68px;height: auto;vertical-align: middle;}
.major_tit{ text-align: center; height: 38px; line-height: 38px; overflow: hidden; font-size: 20px; }
.major_inner{ text-align: center; height: 96px; line-height: 32px; overflow: hidden; color: #999999; font-size:14px;  }
.major{ padding-bottom: 74px; }

.flow{background: url(../images/flowbj.jpg) center top no-repeat; height: 650px; }
.course_ul { margin:0 0 62px -2%; display: flex;justify-content: space-between;}
.course_ul:after,
.course_ul:before{display:none !important;}
.course_ul li{ padding: 0 0 0 2%; width:auto; float: left; box-sizing: border-box;  }
.course_img{ width: 88px; height: 88px; text-align: center; line-height: 88px; border: 2px solid #fff; margin-bottom: 10px; background: rgba(255,255,255,.36); border-radius: 88px; }
.course_img img{width: 40px;height: auto;vertical-align: middle;}
.coursediv{ margin-bottom: 10px;background: url(../images/flow1.png) right center no-repeat; }
.course_tit{ width: 90px; text-align: center; font-size: 20px; height:30px; line-height: 30px; overflow: hidden;  }
.course_time{width: 90px; text-align: center; font-size: 14px; height:24px; line-height: 24px; color: #999999; overflow: hidden;}
.course_ul li:nth-last-child(1) .coursediv{ background:none; }
.sourse_see{ font-size: 20px; color: #fff; width:252px; height: 44px; line-height: 44px; display: block; border-radius: 44px; text-align: center; background: #eeaf5c; overflow: hidden; margin: 0 auto  }
.sourse_see:hover{color: #fff;}

.mat_dl{ float: left; width: 50%; padding-right: 5%; box-sizing: border-box; }
.mat_dl dt{ float: left; width:289px; height: 206px; overflow: hidden; border-radius: 10px; margin-right: 42px;  }
.mat_dl dd{ float: left; width: calc(100% - 331px ) }
.mat_tit{ font-size:26px; height: 36px; line-height: 36px; overflow: hidden;  }
.mat_i{ font-size: 20px; height: 32px; line-height: 32px; overflow: hidden; display: block; }
.mat_inner{height: 160px; overflow: hidden;}
.material{ padding-bottom: 146px; }

.choice{background: url(../images/choicebj.jpg) center top no-repeat; height: 750px;}
.good_t{ border-bottom: 1px solid #fff; padding: 0 22px; }
.good_i{ height: 32px; line-height: 32px; overflow: hidden; display: block; }

.ser_left{ float: left; width:306px; height: 563px; background: url(../images/sb_ser.jpg) left top no-repeat; }
.ser_left li { position: relative; }
.ser_left li a{ padding: 22px 32px 10px; display: block; position: relative; z-index: 999; }
.ser_tit{  font-size:24px; color: #fff; height: 36px; line-height: 36px; overflow: hidden;  }
.serul{ padding-top:28px;  }
.ser_zi{ height: 26px; line-height: 26px; overflow: hidden; color: #fff; }
.ser_see{height: 36px; line-height: 36px; overflow: hidden; font-size: 14px; color: #fff;}
.ser_left li:after{background: url(../images/sbser.png) left top no-repeat; height: 129px; position: absolute; width: 0; left: 0; top: 0; content: ''; transition: all 0.5s ease 0s; }
.ser_left li.on:after{ width: 100%; transition: all 0.5s ease 0s; }
.wisdom_ul{ margin-left: -2%; display: flex;flex-wrap: wrap;}
.wisdom_ul li{ padding: 0 0 0 2%;  width: 33.3%; box-sizing: border-box; margin-bottom:15px;  }
.wisdom_ul li .serdiv{ border: 1px solid #c1bfbf; padding:24px 10px 28px; height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.wis_tit{ text-align: center; height: 36px; line-height: 36px; margin-bottom: 7.5px; overflow: hidden; font-size:18px;  }
.wis_zi{ text-align: center; overflow: hidden; height:40px; margin-bottom: 16px;  }
.wis_i{ display: block; overflow: hidden; height: 20px; line-height: 20px; font-size:12px; color: #666666;  }
.wis_see{ display: block; width:75px; height: 22px;color: #666666; line-height: 22px; border-radius: 22px; margin: 0 auto; text-align: center; border: 1px solid #c1bfbf  }
.ser_right{ float: right; width: calc(100% - 309px) }
.ser_wisdom{ display: none; }
.provide{ position: absolute; left: 50%; top: 196px; width:966px; margin-left: -483px;  }
.offer_tit{ height:82px; text-align: center; line-height: 82px; font-size:60px; color: #0b2aaf   }
.offer_div{ text-align: center; height:46px; line-height: 46px; overflow: hidden; font-size:20px; color: #48494b   }
.offer{ margin-bottom: 40px; }
.off_ul{ float: left; margin-right: 10px; }
.off_ul li{ float: left; padding: 0 2px;height:47px; line-height: 47px;background: url(../images/offline.png) right center no-repeat; }
.off_ul li:nth-child(1){ padding-left: 0;  }
.off_ul li a{ display: block; height:47px; line-height: 47px; width: 125px; text-align: center; border-radius: 5px 5px 0 0; font-size: 16px;  }
.off_sb{ float: left; height: 47px; line-height: 47px; font-size:18px; color: #c8424e  }
.off_sb img{ margin-right:9px; width: 16px;height: 16px;vertical-align: middle;}
.off_ul li:nth-last-child(1){ background: none; }
.off_ul li.on a{ background: #fff; }
.app_form{ float: left; width:825px; padding: 10px; box-sizing: border-box; height:78px; border: 1px solid #d9dfea; box-shadow: 0 0 10px #d9dfea; background: #fff; border-radius: 5px;   }
.app_sub{ float: right; width:120px; height: 58px; border: none; line-height: 58px; background:#eeaf5c url(../images/off1.png) center center no-repeat;  border-radius: 5px; }
.app_txt{ float: left; height: 58px; line-height: 58px; border: none; background: none; width:640px; padding: 0 0 0 20px; box-sizing: border-box; font-size:18px; color: #a3acb9;   }
.apply_inner{display: none;}
.apply_inner.active{display: block;}
.apply_zx{  display: block; float: right;background: url(../images/off2.png) right center no-repeat; color: #fff; text-align: center; font-size: 22px; width:120px;height: 70px; line-height: 70px; margin-top: 4px;  }
.apply_zx:hover{color: #fff;}
.apply_zi{height: 64px; line-height: 64px; text-align:center; color: #8a98af; font-size: 18px;}
.apply_num{ color: #f59619 }

/* 专精特新 */
.zjtx_items1 .item{width: calc(100% / 4 - 22.5px);margin-right: 30px;margin-bottom: 30px;transition: transform 0.5s;}
.zjtx_items1 .item:nth-child(4n){margin-right: 0;}
.zjtx_items1 .item span{display: block;width: 127px;height: 127px;border-radius: 50%;margin: 30px auto;}
.zjtx_items1 .item h3{font-size: 24px;line-height: 36px;color: var(--fontColor3);font-weight: normal;margin: 40px auto 20px;}
.zjtx_items1 .item h3 font{color: var(--bgColor6);}
.zjtx_items1 .item p{font-size: 18px;line-height: 30px;color: var(--fontColor6);text-indent: 2em;text-align: justify;}

.zjtx_items2 .item{width: calc(100% / 5 - 24px);margin-right: 30px;margin-top: 40px;background: var(--fontColorf);padding: 40px 20px;box-sizing: border-box;margin-bottom: 30px;transition: transform 0.5s;}
.zjtx_items2 .item:nth-child(5n){margin-right: 0;}
.zjtx_items2 .item span{display: block;width: 106px;height: 106px;border-radius: 50%;margin: -93px auto 0px;overflow: hidden;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
.zjtx_items2 .item h3{font-size: 24px;color: var(--bgColor6);line-height: 36px;font-weight: normal;text-align: center;margin: 20px auto;}
.zjtx_items2 .item p{font-size: 16px;line-height: 26px;color: var(--fontColor9);text-align: justify;text-indent: 2em;}

.zjtx_items3 .item{background: #f5f6ff;padding: 40px 20px;box-sizing: border-box;width: calc(100% / 3 - 20px);margin-right: 30px;transition: transform 0.5s;}
.zjtx_items3 .item:nth-child(3n){margin-right: 0;}
.zjtx_items3 .item span{display: block;width: 95px;height: 95px;margin: 20px auto;}
.zjtx_items3 .item h3{font-size: 34px;line-height: 36px;color: var(--fontColor3);text-align: center;font-weight: normal;margin: 30px auto 40px;}
.zjtx_items3 .item p{font-size: 18px;line-height: 32px;color: var(--fontColor3);padding-left: 25px;position: relative;}
.zjtx_items3 .item p::before{display: block;position: absolute;left: 0;top: 11px;width: 10px;height: 10px;background: #7077b9;border-radius: 10px;}

.zjtx_items4 .item{width: calc(100% / 5 - 0px);text-align: center;margin-bottom: 30px;transition: transform 0.5s;}
.zjtx_items4 .item span{display: block;width: 120px;height: 120px;border-radius: 50%;background: var(--bgColor6);text-align: center;line-height: 120px;margin: 20px auto;}
.zjtx_items4 .item span img{max-width: 95px;max-height: 95px;vertical-align: middle;}
.zjtx_items4 .item p{font-size: 24px;line-height: 36px;color: #082033;}


/* 20250314 新增 */
/* 审计服务 */
.sjfw_info .item,
.sjfw_info .item:nth-child(4n){width: calc(100% / 3 - 27px);margin-right: 40px;margin-top: 20px;margin-bottom: 20px;}
.sjfw_info .item:nth-child(3n){margin-right: 0;}
.sjfw_info .item .pic{max-height: 160px;overflow: hidden;}
.sjfw_info .item .tct{text-align: left;}
.sjfw_info .item .tct p{min-height: initial;font-size: 18px;margin: 20px 0 5px;}
.sjfw_info .item .tct span{font-size: 18px;line-height: 28px;color: #3074e3;}

.rlzy_ys .item .tct{padding: 20px;}
.rlzy_xm .item{width: calc(100% / 3 - 20px);margin-right: 30px;margin-bottom: 30px;}
.rlzy_xm .item h3{background: none;font-size: 26px;line-height: 32px;color: #333;margin: 20px 0 0;font-weight: bold;}
.rlzy_xm .item span{height: 240px;}

.view_title3 h3::before,
.view_title3 h3::after{display: none !important;}
.txrz_zytxrz .item{width: calc(100% / 3 - 27px);margin-right: 40px;margin-bottom: 40px;display: inline-flex;align-items: center;background: #fff;box-shadow: 0 5px 10px rgba(139, 167, 198, .2);}
.txrz_zytxrz .item:nth-child(3n){margin-right: 0;}
.txrz_zytxrz .item .txrz_zytxrz_left{width: 100px;height: 100px;background: #0b2aaf;border-radius: 5px;display: inline-flex;align-items: center;}
.txrz_zytxrz .item .txrz_zytxrz_left img{width: 48px;height: 48px;}
.txrz_zytxrz .item .txrz_zytxrz_right{width: calc(100% - 100px);padding: 10px 20px;box-sizing: border-box;}
.txrz_zytxrz .item .txrz_zytxrz_right p{font-size: 22px;line-height: 30px;color: #0b2aaf;font-weight: bold;}
.txrz_txrzlc_tit{align-items: center;justify-content: space-between;}
.txrz_txrzlc_tit ul{width: calc(100% / 8 * 7);height: 170px;}
.txrz_txrzlc_tit ul li{width: calc(100% / 7 - 17.4px);margin-right: 20px;background: #fff;box-shadow: 0 10px 20px rgba(139, 167, 198, .2);padding: 20px;box-sizing: border-box;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 5px;border-top: 4px solid #0b2aaf;position: relative;}
.txrz_txrzlc_tit ul li span{display: block;width: 48px;height: 48px;margin: 0 auto;}
.txrz_txrzlc_tit ul li p{font-size: 16px;line-height: 30px;color: #0b2aaf;margin-top: 20px;font-weight: bold;}
.txrz_txrzlc_tit ul li em{display: block;width: 16px;height: 16px;background: #fff;transform: rotate(-45deg);position: absolute;right: -8px;top: 50%;margin-top: -8px;box-shadow: 0 10px 20px rgba(139, 167, 198, .2);z-index: 1;}
.txrz_txrzlc_tit ul li:last-child{margin-right: 0;}
.txrz_txrzlc_tit ul li::after{content: "";display: none;width: 16px;height: 16px;background: #0b2aaf;transform: rotate(45deg);position: absolute;bottom: -58px;left: 0;right: 0;margin: 0 auto;}
.txrz_txrzlc_tit ul li.active::after{display: block;}
.txrz_txrzlc_tit dl{width: calc(100% / 8 * 1 - 17.4px);height: 170px;background: #fff;box-shadow: 0 5px 10px rgba(139, 167, 198, .2);margin-right: 0;background: #0b2aaf;box-shadow: 0 10px 20px rgba(139, 167, 198, .2);padding: 20px;box-sizing: border-box;text-align: center;border-radius: 5px;}
.txrz_txrzlc_tit dl dt{font-size: 16px;line-height: 30px;color: #fff;}
.txrz_txrzlc_tit dl dd b{font-size: 60px;color: #fff;}
.txrz_txrzlc_tit dl dd p{font-size: 16px;color: #fff;}
.txrz_txrzlc_con{background: #fff;box-shadow: 0 10px 20px rgba(139, 167, 198, .2);margin-top: 50px;box-sizing: border-box;padding: 40px;border-top: 4px solid #0b2aaf;border-radius: 5px;position: relative;z-index: 2;}
.txrz_txrzlc_con_item {display: none;}
.txrz_txrzlc_con_item.active {display: block;}
.txrz_txrzlc_txt{font-size: 18px;line-height: 30px;color: #ed1414;margin-top: 15px;padding: 0 40px;}

.txrz_rzcl_tit h3{font-size: 24px;color: #fff;line-height: 80px;text-align: center;border-radius: 5px;}
.txrz_rzcl_left{width: 31%;margin-right: 3%;}
.txrz_rzcl_left .txrz_rzcl_tit h3{background: url(../images/txrz_rzcl_left_bg.jpg) no-repeat center;background-size: cover;}
.txrz_rzcl_right{width: 66%;}
.txrz_rzcl_right .txrz_rzcl_tit h3{background: url(../images/txrz_rzcl_right_bg.jpg) no-repeat center;background-size: cover;}
.txrz_rzcl_item{margin: 30px auto;}
.txrz_rzcl_item ul li{display: inline-flex;font-weight: bold;align-items: center;width: 100%;background: #fff;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);margin: 5px auto;}
.txrz_rzcl_item ul li span{width: 70px;line-height: 70px;background: #0b2aaf;color: #fff;text-align: center;font-size: 22px;border-radius: 5px;}
.txrz_rzcl_item ul li p{width: calc(100% - 70px);font-size: 18px;padding: 10px;box-sizing: border-box;line-height: 30px;color: #333;}
.txrz_rzcl_right .txrz_rzcl_item ul li{width: calc(100% / 2 - 1.5%);}
.txrz_rzcl_right .txrz_rzcl_item ul li:nth-child(2n){margin-right: 0;}
.txrz_rzcl_right .txrz_rzcl_item ul li span{background: #d10a18;}

.txrz_zxsq{padding: 80px 0;align-items: center;}
.txrz_zxsq_left,
.txrz_zxsq_right{width: 50%;}
.txrz_zxsq_left h3{font-size: 42px;color: #fff;font-weight: bold;}
.txrz_zxsq_left p{font-size: 36px;color: #fff;}
.txrz_zxsq_left span{display: block;font-size: 20px;color: #fff;margin-top: 60px;}
.txrz_zxsq_left b{display: block;font-size: 60px;color: #fff;font-weight: bold;font-style: italic;}
.txrz_zxsq_right .txrz_zxsq_bd{padding: 60px;background: rgba(15, 85, 194, 0.8);}
.txrz_zxsq_bd h3{font-size: 38px;color: #fff;font-weight: normal;margin-bottom: 30px;}
.txrz_zxsq_form .form_item{width: calc(100% / 2 - 20px);margin-right: 20px;margin-bottom: 20px;position: relative;overflow: hidden;}
.txrz_zxsq_form .form_item input{width: 100%;height: 50px;line-height: 50px;background: none;border: 1px solid #fff;border-radius: 10px;font-size: 14px;color: #fff;padding-left: 10px;box-sizing: border-box;}
.txrz_zxsq_form .form_item input::placeholder,
.txrz_zxsq_form .form_item textarea::placeholder{color: #fff;}
.txrz_zxsq_form .form_item:nth-child(2n){margin-right: 0;}
.txrz_zxsq_form .form_item:nth-child(3){width: 100%;}
.txrz_zxsq_form .form_item:nth-child(4){margin-right: 20px;}
.txrz_zxsq_form .form_item textarea{width: 100%;padding-left: 10px;line-height: 30px;background: none;border: 1px solid #fff;border-radius: 10px;font-size: 14px;color: #fff;box-sizing: border-box;}
.txrz_zxsq_form .form_item .img_yzm{width: 120px;height: 48px;right: 1px;bottom: 1px;position: absolute;border-radius: 10px;overflow: hidden;}
.txrz_zxsq_form .form_item button{width: 100%;line-height: 48px;font-size: 16px;color: #0b2aaf;background: #e8ebf7;border-radius: 10px;border: none;}

.txrz_gd ul li{width: calc(100% / 6 - 12.5px);margin-right: 15px;border-radius: 10px;border-top: 4px solid #0b2aaf;height: 80px;display: inline-flex;align-items: center;justify-content: center;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);margin-bottom: 30px;font-size: 18px;line-height: 30px;color: #333;font-weight: bold;text-align: center;padding: 10px;box-sizing: border-box;}
.txrz_gd ul li:nth-child(6n){margin-right: 0;}

.xcxfw_wxzl{justify-content: space-between;}
.xcxfw_wxzl .item p{font-size: 18px;color: #333;}
.xcxfw_wxzl .item p b{font-size: 100px;color: #0b2aaf;}
.xcxfw_wxzl .item span{display: block;font-size: 22px;line-height: 32px;color: #333;text-align: center;}

.xcxfw_xcxkf{padding-bottom: 40px;}
.xcxfw_xcxkf .item{width: calc(100% / 3 - 20px);margin-right: 30px;background: url(../images/xcxfw_xcxkf_item_01.png) no-repeat center/cover;padding: 30px;box-sizing: border-box;text-align: center;border: 1px solid rgba(255, 255, 255, 0.4);}
.xcxfw_xcxkf .item:last-child{margin-right: 0;}
.xcxfw_xcxkf .item h3{font-size: 24px;color: #fff;}
.xcxfw_xcxkf .item h3::after{content: "";display: block;width: 60px;height: 3px;background: #0d5bdc;margin: 20px auto;}
.xcxfw_xcxkf .item p{font-size: 18px;line-height: 30px;color: #fff;}
.xcxfw_xcxkf .item:nth-child(2){background: url(../images/xcxfw_xcxkf_item_02.png) no-repeat center/cover;}
.xcxfw_xcxkf .item:nth-child(3){background: url(../images/xcxfw_xcxkf_item_03.png) no-repeat center/cover;}

.xcxfw_xcxdz{margin-top: 30px;}
.xcxfw_xcxdz .item,
.xcxfw_xcxdz .item:nth-child(5n){width: calc(100% / 4 - 23px);margin-right: 30px;}
.xcxfw_xcxdz .item:nth-child(4n){margin-right: 0;}

.xcxfw_xcxlc{padding-bottom: 40px;}
.xcxfw_appkf .item{width: calc(100% / 6);text-align: center;}
.xcxfw_appkf .item span{display: inline-flex;align-items: center;width: 120px;height: 120px;border-radius: 50%;background: #f3f6f8;}
.xcxfw_appkf .item span img{width: 45px;height: 45px;}
.xcxfw_appkf .item p{font-size: 24px;color: #333;margin-top: 20px;}

.xcxfw_appyy .item{width: calc(100% / 5 - 24.5px);margin-right: 30px;margin-bottom: 30px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);text-align: center;display: inline-flex;flex-direction: column;align-items: center;padding: 20px;box-sizing: border-box;border-radius: 5px;}
.xcxfw_appyy .item:nth-child(5n){margin-right: 0;}
.xcxfw_appyy .item span{display: block;width: 52px;height: 52px;}
.xcxfw_appyy .item p{font-size: 22px;line-height: 32px;color: #333;margin-top: 10px;}